样式选项元素悬停

我需要样式选项元素悬停状态。默认情况下它是蓝色的，但我需要它是绿色的。元素的样式有可能吗？我正在使用引导V3。我知道如何通过添加类来更改选项的颜色，但是如何更改悬停状态颜色？它总是蓝色 - 不管你在做什么。请告诉我，如果这是可能的。如果不是，我会找出一些东西。样式选项元素悬停

ps。制服也很好，只要他们使用引导V3 V3

非常感谢！

来源

2013-11-04 Modestas MV

什么是在这种情况下的 “选项元素”？代码，请。 – isherwood

下拉菜单通常使用操作系统控件实现，因此它们无法控制CSS。如果您想要详细控制，请使用像Select2这样的插件。 – Barmar

你使用插件吗？你能提供一个关于jsfiddle的演示吗？ –

正如在评论中提到的，你不能可靠地在选择下拉元素中构建的主题。但是有一些脚本可以让主题选择列表成为可能。

//i found an example on google, its not mine so i wont copy it here. but link is below.

Code i found on google

来源

2013-11-04 21:42:53

稍后我会测试，如果它的工作原理，我将其标记;） –

它的工作原理，但它与自举系统混乱.. –

我将添加另一个答案，用引导代替。 Js Fiddle using Bootstrap

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

来源

2013-11-05 14:44:38

这不是一个好的选择。我在每种形式中都有~10个选择。有超过50个表单:) –

所有50个表单在一页上有10个元素？所以问题是它的速度慢吗？ –

所有50表格与至少10选择的页面:)问题是，这不是很慢，但与此我将不得不重写所有关闭选择表单元素:) –

样式选项元素悬停

回答

相关问题