如何改變選擇選項的高度，懸停背景顏色

<select name="mySelect" class="select-min"> 
    <option value="0">please select</option> 
    <option value="1">item1</option> 
    <option value="2">item2</option> 
    <option value="3">item3</option> 
    <option value="4">item4</option> 
    <option value="5">item5</option> 
</select>

我想改變的時候鼠標的選項，我試過很多次選擇的高度和背景顏色，但未能如何改變選擇選項的高度，懸停背景顏色

來源

2014-03-13 Duke

class =「select-min」？你能告訴我們這個CSS類嗎？ – Mazeltov

您無法更改選項高度，因爲它是瀏覽器控件。你可以在簡單的背景上改變背景：懸停，但由於瀏覽器的原生懸停而不可見 – vergilius

重複...即使答案是重複的.... – laaposto

<select>或<option> HTML標籤被渲染本身的網頁加載時間。所以你不能改變這些元素的風格。

來源

2014-03-13 08:43:35

-2

對於身高，我不我認爲這是可能的。對於懸停：

select:hover { background-color: blue; }

來源

2014-03-13 08:43:24 Mazeltov

-1

Please try this :- 

$(document).ready(function() { 
    $(".select-min option").mouseover(function() { 
     $(this).css({ "background-color": "black", "color": "white", "height": "32"}); 
    }); 

    $(".select-min option").mouseout(function() { 
     $(this).css({ "background-color": "white", "color": "black", "height": "5" }); 
    }); 
}); 

Let me know if it doesn't work.

來源

2014-03-13 09:00:33

如何改變選擇選項的高度，懸停背景顏色

回答

相關問題