如何在Bootstrap 3.3.6导航栏中更改悬停颜色?

用户名

我必须做一些不寻常的事情,因为到目前为止,我在Stack Overflow上发现的相关问题和答案对我不起作用。我是CSS的新手,所以答案可能很明显。

我更喜欢避免使用的解决方案!important,并且如果可能的话,仅适用于网站标头(例如,不适用于网站上的其他任何地方;也就是说,仅适用于带有的块内的内容id="my-block")。

另外,想要解决方案以使其适用于导航中的所有级别(第一,第二等)。

这是我尝试的:

.navbar .navbar-default > li > a:hover {
    background-color: #FFFF00;
    color: #FF0000;
}

这是在我的网站顶部运行的代码:

<nav id="my-block" class="navbar navbar-default navbar-static-top navbar-default-siteheader navbar-inner-siteheader">
    <div class="container">
        <div class="collapse navbar-collapse in" id="bs-example-navbar-collapse-1">

            <ul class="nav navbar-nav navbar-right">

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Menu1<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        ...
                    </ul>
                </li>

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Menu2<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        ...
                    </ul>
                </li>

            </ul>

        </div>
    </div>
</nav>
威姆·梅滕斯(Wim Mertens)

改变

.navbar .navbar-default > li > a:hover

#my-block.navbar li a:hover

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何更改 Bootstrap 3 中按钮的悬停颜色?

来自分类Dev

Bootstrap 3 - 如何在导航中获取标签栏

来自分类Dev

Bootstrap 3导航栏活动李不更改背景颜色

来自分类Dev

Bootstrap 3 RC1-更改导航栏颜色

来自分类Dev

Bootstrap 3菜单导航栏随着向下滚动而更改颜色

来自分类Dev

如何在Bootstrap 3中更改行的颜色?

来自分类Dev

在Bootstrap 3中,如何修复导航栏?

来自分类Dev

如何在Bootstrap 4中从Bootstrap 3中编写可折叠的导航栏?

来自分类Dev

Bootstrap 3,如何在导航栏上右对齐按钮?

来自分类Dev

Bootstrap 3导航栏-悬停链接时,颜色显示为#EEEEEE

来自分类Dev

Bootstrap-3导航栏的透明颜色

来自分类Dev

在Bootstrap3中更改导航栏的高度

来自分类Dev

如何设置Twitter Bootstrap 3导航栏的颜色

来自分类Dev

如何在Bootstrap 3中重叠列?

来自分类Dev

更改边框颜色导航栏引导3

来自分类Dev

使用BootStrap 3导航栏项目时如何在HTML中显示div内容

来自分类Dev

使用BootStrap 3导航栏项时如何在HTML中显示div内容

来自分类Dev

如何在Bootstrap 3进度栏中居中显示文本?

来自分类Dev

如何在Bootstrap 3中为进度栏设置动画?

来自分类Dev

如何在Bootstrap 3进度栏中居中显示文本?

来自分类Dev

如何在Bootstrap 3中增加进度栏的限制

来自分类Dev

Bootstrap 3导航栏

来自分类Dev

Bootstrap 3导航栏更改颜色导致显示白色边框或白线

来自分类Dev

如何在Twitter Bootstrap 3中更改div col顺序

来自分类Dev

如何在Bootstrap 3中更改textarea的焦点发光?

来自分类Dev

如何在Bootstrap 3中动态更改进度栏类?

来自分类Dev

Bootstrap 3:导航栏链接悬停效果带边框问题

来自分类Dev

如何降低Bootstrap 3中的导航栏高度?

来自分类Dev

如何使Bootstrap 3导航栏不包裹

Related 相关文章

  1. 1

    如何更改 Bootstrap 3 中按钮的悬停颜色?

  2. 2

    Bootstrap 3 - 如何在导航中获取标签栏

  3. 3

    Bootstrap 3导航栏活动李不更改背景颜色

  4. 4

    Bootstrap 3 RC1-更改导航栏颜色

  5. 5

    Bootstrap 3菜单导航栏随着向下滚动而更改颜色

  6. 6

    如何在Bootstrap 3中更改行的颜色?

  7. 7

    在Bootstrap 3中,如何修复导航栏?

  8. 8

    如何在Bootstrap 4中从Bootstrap 3中编写可折叠的导航栏?

  9. 9

    Bootstrap 3,如何在导航栏上右对齐按钮?

  10. 10

    Bootstrap 3导航栏-悬停链接时,颜色显示为#EEEEEE

  11. 11

    Bootstrap-3导航栏的透明颜色

  12. 12

    在Bootstrap3中更改导航栏的高度

  13. 13

    如何设置Twitter Bootstrap 3导航栏的颜色

  14. 14

    如何在Bootstrap 3中重叠列?

  15. 15

    更改边框颜色导航栏引导3

  16. 16

    使用BootStrap 3导航栏项目时如何在HTML中显示div内容

  17. 17

    使用BootStrap 3导航栏项时如何在HTML中显示div内容

  18. 18

    如何在Bootstrap 3进度栏中居中显示文本?

  19. 19

    如何在Bootstrap 3中为进度栏设置动画?

  20. 20

    如何在Bootstrap 3进度栏中居中显示文本?

  21. 21

    如何在Bootstrap 3中增加进度栏的限制

  22. 22

    Bootstrap 3导航栏

  23. 23

    Bootstrap 3导航栏更改颜色导致显示白色边框或白线

  24. 24

    如何在Twitter Bootstrap 3中更改div col顺序

  25. 25

    如何在Bootstrap 3中更改textarea的焦点发光?

  26. 26

    如何在Bootstrap 3中动态更改进度栏类?

  27. 27

    Bootstrap 3:导航栏链接悬停效果带边框问题

  28. 28

    如何降低Bootstrap 3中的导航栏高度?

  29. 29

    如何使Bootstrap 3导航栏不包裹

热门标签

归档