Css 在MVC引导中更改导航栏中按钮的悬停颜色
我以一个主题为例,将导航栏更改为与背景相同的颜色(因此它是不可见的,但存在)。现在,当我将鼠标悬停在按钮图标上时,它会消失,因为悬停颜色也与背景相同。我知道我需要更改CSS中的某些内容,但我不确定如何更改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">
<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。我走了那么远,但我不知道如何将它应用到我的实际按钮上。它不能特定于我的按钮吗?这样使用它。导航栏左:悬停{}