Question

我需要为选项元素悬停状态设置样式。默认情况下它是蓝色的，但我需要它是绿色的。是否可以设计元素的样式？我正在使用bootstrap V3。我知道如何通过添加类来更改选项的颜色，但是如何更改悬停状态颜色？无论你在做什么，它总是蓝色的。请告诉我是否有可能。如果不是我想弄出来的东西。

PS。制服也很好，只要它们与bootstrap V3一起使用

非常感谢！

Answer 1

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

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

Code i found on google

Answer 2

我将使用bootstrap添加另一个答案。 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>

样式选项元素悬停

2 个答案: