Css 在MVC引导中更改导航栏中按钮的悬停颜色

Css 在MVC引导中更改导航栏中按钮的悬停颜色,css,asp.net-mvc,twitter-bootstrap,Css,Asp.net Mvc,Twitter Bootstrap,我以一个主题为例,将导航栏更改为与背景相同的颜色(因此它是不可见的,但存在)。现在,当我将鼠标悬停在按钮图标上时,它会消失,因为悬停颜色也与背景相同。我知道我需要更改CSS中的某些内容,但我不确定如何更改 <nav class="navbar navbar-default navbar-fixed-top"> <div class="container-fluid"> <div class="navbar-header">

我以一个主题为例,将导航栏更改为与背景相同的颜色(因此它是不可见的,但存在)。现在,当我将鼠标悬停在按钮图标上时,它会消失,因为悬停颜色也与背景相同。我知道我需要更改CSS中的某些内容,但我不确定如何更改

        <nav class="navbar navbar-default navbar-fixed-top">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href='@Url.Action("Index", "Home")'>
                <img class="img-responsive" alt="50x50" width="100" height="100" src="data:image/png;base64,..../>
            </a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
   ---- BELOW IS THE BUTTON I WANT TO CHANGE

            <form class="navbar-form navbar-left">
                <a href="@Url.Action("Index", "Configuration")" type="button" class="btn navbar-btn"><span style="font-size:2em;"class="glyphicon glyphicon-cog"></span></a>
            </form>

            @Html.Partial("_LoginPartial")
        </div>
    </div>
</nav>

切换导航
----下面是我想更改的按钮
@Html.Partial(“_LoginPartial”)

将鼠标悬停在:悬停选择器上时,该选择器用于选择元素

例如:

div{
宽度:200px;
高度:100px;
背景色:红色;
颜色:白色;
}
div:悬停{
背景颜色:蓝色;
}

将鼠标悬停在我身上
我认为下面的引导类中提到的默认颜色

.btn:hover
{

} 

与您为导航栏更改的背景相同。如果您想为悬停获取其他颜色,可以在上述bootstrap.css/bootstrap.min.css文件的代码中更改颜色

你想在鼠标悬停时更改按钮的颜色吗?是的,如果不清楚,很抱歉,你可以使用css中的:hover selector。我走了那么远,但我不知道如何将它应用到我的实际按钮上。它不能特定于我的按钮吗?这样使用它。导航栏左:悬停{}