我需要设置选项元素悬停状态的样式。默认情况下它是蓝色的,但我需要它是绿色的。是否可以对元素进行样式设置?我正在使用引导程序 V3。我知道如何通过添加类来更改选项的颜色,但是如何更改悬停状态颜色?它总是蓝色的——不管你在做什么。请告诉我这是否可能。如果不是,我会想办法解决的。
附言。Uniforms 也很好,只要它们与 bootstrap V3 一起使用
非常感谢!
我需要设置选项元素悬停状态的样式。默认情况下它是蓝色的,但我需要它是绿色的。是否可以对元素进行样式设置?我正在使用引导程序 V3。我知道如何通过添加类来更改选项的颜色,但是如何更改悬停状态颜色?它总是蓝色的——不管你在做什么。请告诉我这是否可能。如果不是,我会想办法解决的。
附言。Uniforms 也很好,只要它们与 bootstrap V3 一起使用
非常感谢!
我将添加另一个答案,改为使用引导程序。 使用 Bootstrap 的 Js Fiddle
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.1/js/bootstrap.min.js"></script>
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
background : #AAAFDA !important;
font-weight : bold;
border-radius : 22px;
color: lightBlue;
}
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
Dropdown
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">Dropdown link</a></li>
<li id="special"><a href="#">Dropdown link2</a></li>
<li><a href="#">Dropdown link3</a></li>
<li><a href="#">Dropdown link4</a></li>
</ul>
</div>
正如评论中提到的,您不能可靠地在选择下拉元素中构建主题。但是,有一些脚本可以对选择列表进行主题化。
//i found an example on google, its not mine so i wont copy it here. but link is below.