Question

我在jQuery中使用select一些颜色，但是当我移动光标时，我得到一个蓝色背景颜色。我希望背景颜色为“无”。

这是我的代码：

var oColor = {};
oColor['Red'] = '#FF0000';
oColor['Green'] = '#006400';
oColor['Blue'] = '#0000FF';                 
oColor['Sienna'] = '#A0522D';

$.each(oColor, function(colorName, color){
   $("#color").append("<option value='"+color+"'  style='height: 15px; background-color:"+color+"'></option>");
});  


$("#color").change(function(){
    $(this).css("background-color", $(this).val());
});  

<select class="color" id="color" name="color" style="padding:0px;">
    <option value="" >Select Color</option>
</select>

Answer 1

将鼠标悬停在所选选项上是一种浏览器功能，如箭头样式。除非您使用js

编写自己的选择类型，否则无法对其进行更改

Answer 2

如果我正确理解您的问题，当您点击select并选择所需的选项时，当鼠标悬停不可更改时，每个选项上的蓝色背景。这是select元素的OS /浏览器特定实现，而不是CSS。选择选项后，将应用您定义的CSS。

如果您想要一致地查看您的选择，请使用一些jQuery dropdown插件，其中select

设置鼠标悬停背景颜色是没有

2 个答案: