0

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

这是我的代码： 

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

2 回答 2

0

悬停在所选选项上是一种浏览器功能，如箭头样式。除非您使用 js 编写自己的选择类型，否则您无法更改它

于 2013-01-24T08:15:50.980 回答
0

如果我正确理解您的问题，当您单击select并选择您想要的选项时，当鼠标悬停时每个选项的蓝色背景是不可更改的。那是select元素的操作系统/浏览器特定实现，而不是 CSS。一旦你选择了一个选项，你定义的 CSS 就会被应用。

如果您希望选择一致的外观，请考虑使用一些 jQuerydropdown插件，其中select

于 2013-01-24T08:17:18.557 回答