CSS：删除select元素中默认选项的灰色突出显示

Question

这个问题恰好发生在IE上，用IE11进行测试。

为了在除IE之外的任何浏览器中隐藏占位符，显示无执行该作业。然而，对于IE，解决方案更加精细。我们的想法是禁用默认选项，然后用户无法点击占位符。

到目前为止一直很好，但现在出现了问题：

不希望这个灰色的阴影+高光。

如何重现（请使用IE浏览器......）

1. JsFiddle：http://jsfiddle.net/lcustodio/u8ng9ybf/4/

2. Stack Snippet：

＆＃13;
＆＃13;
.default-option {
  display: none;
}
select::-ms-value {
  background: none;
  color: #42413D;
}
＆＃13;
<select>
  <option disabled selected class='default-option'>Select...</option>
  <option>Hello</option>
  <option>World</option>
</select>
＆＃13;
＆＃13;
＆＃13;

* ps：我已根据此hint删除所选选项上的蓝色突出显示。请参阅小提琴上的CSS。

Answer 1

我不确定是否可以用css完成， 但你可以尝试类似的东西

示例：JSFIDDLE

一点帮助js

C:\Program Files (x86)\Microsoft SDKs\Windows\v7.0A\Include\WinNT.h