设置 mouserover 背景颜色为无答案

【问题标题】：set mouserover background color is none设置 mouserover 背景颜色为无
【发布时间】：2013-01-07 21:48:33
【问题描述】：

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

【问题讨论】：

你确定这是所有代码吗？在mouseover 或hover 上没有任何东西可以使它变成蓝色。有一个更改事件处理程序，尽管它使选择的背景成为选择的颜色。
似乎工作得很好：jsfiddle.net/nY2rP
如果你的意思是改变浅蓝色的悬停颜色，你不能根据这些其他类似的问题stackoverflow.com/questions/7027551/…，stackoverflow.com/questions/1667086/…
所以有没有机会为光标设置背景颜色。我的意思是如果我将光标放在红色光标应该显示红色，但现在它显示为浅蓝色
嗨 THEtheChad，在这里你可以看到我是否将光标放在任何显示浅蓝色的选项颜色上。但我不想要那个..它应该显示相同的颜色。

标签： javascript jquery css mouseover background-color

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：