第一篇文章很抱歉,如果这已被问及之前。我一直无法找到解决方案。ie10选择框显示
我知道移动到IE10时,选项显示在当前选定选项的上方和下方。我可以忍受这一点。但是,这些选项被厚实的(2像素)黑色实线包围。我试图操纵css与
select:focus {
border: 1px solid #c3c3c3;
}
但似乎没有任何效果。
任何意见将受到感谢。
Jon
第一篇文章很抱歉,如果这已被问及之前。我一直无法找到解决方案。ie10选择框显示
我知道移动到IE10时,选项显示在当前选定选项的上方和下方。我可以忍受这一点。但是,这些选项被厚实的(2像素)黑色实线包围。我试图操纵css与
select:focus {
border: 1px solid #c3c3c3;
}
但似乎没有任何效果。
任何意见将受到感谢。
Jon
也许用鼠标悬停而不是焦点? 我不明白你的意思是选择的选项
IE10有几个伪元素来处理表单样式,比如在选择时使用:: - ms-expand [0]来设置公开箭头的样式。但是,似乎没有办法,我可以找到记录,允许选择控件的弹出部分进行样式化。
[0] http://msdn.microsoft.com/en-us/library/windows/apps/hh767361.aspx
我发现自己处于相同的情况...... @ davidstorey有没有适当的术语呢?谷歌fu将总是失败寻找错误的术语(s)...我想说这是dom阴影,但我的第一个想法之后,没有引用一个事情是,这是dom阴影会做/是/是,然而,因为它在我的情况下没有被使用,它不是。对于这些ramblings感到抱歉。 – albert
你能告诉我们其余的代码吗? - 也许在一个jsfiddle – Andrew
你尝试过使用'outline'而不是'border'吗? (是的,一个jsfiddle来证明你的意思会有帮助) – Spudley