Bootstrap 下拉悬停文本颜色

Question

我对如何做到这一点进行了大量的研究，但我找不到任何可靠的东西或我能正确理解的东西。

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

有人知道我该怎么做吗？

如果您需要，这是我当前的代码：

CSS：

@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%;
}

HTML：

    <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>

抱歉，如果我遗漏了什么或没有多大意义，目前正在服用一些强效止痛药。这可以帮助我摆脱痛苦。

Answer 1

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

color: white !important;

这样做是为了覆盖引导程序为元素建立的默认样式。