html - ie10选择框显示

Question

如果之前有人问过这个问题，请先发帖道歉。我一直无法找到解决方案。

我知道随着迁移到 IE10，选项显示在当前选定选项的上方和下方。我可以忍受这一点。但是，选项被一条粗（2px）的黑色实线包围。我试图用

select:focus {
  border: 1px solid #c3c3c3;
}

但这似乎没有任何效果。

任何建议将不胜感激。

乔恩

Answer 1

IE10 有一些伪元素来处理表单样式，例如使用 ::-ms-expand [0] 对选择项上的披露箭头进行样式设置。但是，似乎没有一种方法，我可以找到记录，允许选择控件的弹出部分设置样式。

[0] http://msdn.microsoft.com/en-us/library/windows/apps/hh767361.aspx

Answer 2

也许用鼠标悬停而不是焦点？我不太明白您所说的选定选项是什么意思