如何更改选择选项高度和悬停背景颜色

Question

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

当鼠标悬停在选项上时，我想更改选项的高度和背景颜色，我尝试了很多次但是失败了

Answer 1

<select>或<option> HTML标记正在呈现网页加载的时间。所以你不能改变这些元素的风格。

Answer 2

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.

Answer 3

对于身高，我不认为这是可能的。 对于悬停：

select:hover { background-color: blue; }