将 Mouserover 背景颜色设置为无

set mouserover background color is none

本文关键字：设置 颜色 Mouserover 背景      更新时间：2023-09-26

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

将鼠标悬停在所选选项上是一种浏览器功能，类似于箭头的样式。除非你用js编写自己的选择类型，否则你不能改变它

如果我

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

如果你想让你的选择有一个一致的外观，考虑使用一些jQuery dropdown插件，其中select

相关文章：