jquery - 如何修改 SELECT 标签在 IE 和 Opera 中的默认高亮行为？

Question

这是我的 HTML:

<select style="background-color:#e0f0f1">
  <option selected="selected">Select</option>
  <option class="" value="one">One</option>
  <option class="" value="two">Two</option>
</select>

See this code in action

在 IE 和 Opera 中，当您选择一个选项时，它会以蓝色背景颜色突出显示。 Firefox、Chrome 和 Safari 不会这样做。是否有一种方法或技巧可以在选择该选项时删除蓝色突出显示，以便始终显示原始背景颜色？

如果那不可能，有没有办法添加一个 jQuery 行为来模拟在选择选项后立即点击页面上的其他地方？所以基本上，当您点击远离所选选项时，突出显示就会消失。

Answer 1

在 IE11(不确定以前的版本)中，您可以使用以下方法从聚焦的选择元素中删除蓝色背景

select::-ms-value {background: none;}

Here's a dabblet demo