Question

我已经完成了大量关于如何实现这一目标的研究，但我无法找到任何可以正确理解的内容或任何内容。

我想覆盖Bootstrap Dropdown悬停颜色。不是下拉菜单，实际的下拉按钮本身。默认情况下，文本颜色为白色，当您将鼠标悬停在文本颜色上时，它会呈现某种蓝绿色。我想把蓝绿色也变成白色。

有没有人知道我该怎么做呢？

这是我目前的代码，你需要它：

CSS：

＆＃13;

@media {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;    
    }
    
    .navbar-custom {
        color: #262626;
        background-color: #262626;
    }
    
    .navbar-default {
        color: #262626;
        background-color: #262626;
        border-top: 4px solid red;
    }
    
    .navbar-default .navbar-brand:hover {
        color: white;
    }
    
    .dropdown:hover {
        color: white;
    }
    
}

body {
    background-color: black;
}

#navbar {
    width: 100%;
}

＆＃13;

HTML：

＆＃13;

    <div class="navbar navbar-default navbar-custom navbar-fixed-top">
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav" id="dropdowns">
                <a class="navbar-brand" id="brand">Traders: </a>
                <li class="dropdown">
                    <a href="" class="dropdown-toggle" aria-expanded="false">General <span class="caret"></span></a>
                    <ul class="dropdown-menu pull-left" role="menu">
                        <li><a href="#medical">Medical</a></li>
                        <li><a href="#utility">Utility</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>

＆＃13;

很抱歉，如果我遗漏了一些东西，或者没有多大意义，目前正在使用一些强效的止痛药。这有助于我摆脱痛苦。

Answer 1

您可以尝试将！important 包含在样式中：

color: white !important;

这样做是为了覆盖为元素建立的默认样式bootstrap。

Bootstrap Dropdown悬停文本颜色

1 个答案: