樣式選項元素懸停

我需要樣式選項元素懸停狀態。默認情況下它是藍色的，但我需要它是綠色的。元素的樣式有可能嗎？我正在使用引導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選擇的頁面:)問題是，這不是很慢，但與此我將不得不重寫所有關閉選擇表單元素:) –

樣式選項元素懸停

回答

相關問題