Javascript 设置鼠标上方的背景色为“无”

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

var oColor={}；
oColor['Red']='#FF0000'；
颜色['Green']='006400'；
颜色['Blue']='0000FF'；
oColor['Sienna']='#A0522D'；
$.each（oColor，函数（colorName，color）{
$（“#颜色”）。追加（“”）；
});  
$（“#颜色”）.change（函数（）{
$（this.css（“背景色”，$（this.val（））；
});  
选择颜色

将鼠标悬停在选定选项上是一种类似于箭头样式的浏览器功能。如果我正确理解了你的问题，除非你用js编写自己的选择，否则你无法更改它。当你点击

选择
并选择你想要的选项时，鼠标悬停时每个选项上的蓝色背景是不可更改的。这是针对
select
元素的特定于操作系统/浏览器的实现，而不是CSS。选择一个选项后，将应用您定义的CSS

如果您希望对所选内容有一个一致的外观，请使用jQuery
下拉列表
插件，其中
选择
您确定这都是代码吗？里面没有任何东西在
鼠标上方
或
悬停
时会使它变成蓝色。虽然有一个更改事件处理程序，它可以让背景选择所选的颜色。似乎效果很好：如果你的意思是更改浅蓝色悬停颜色，你不能根据这些其他类似的问题，所以，有没有可能为光标设置背景色。我的意思是，如果我把光标放在红色上，光标应该显示红色，但现在它显示浅蓝色。在这个图标中，你可以看到我是否把光标放在任何选项颜色上，它显示浅蓝色。但我不想那样。它应该显示相同的颜色。