边界问题的铬

Question

我在我的表单字段使用边界半径。它工作正常。但是它的铬看起来有些围绕着这个领域。请参考小提琴。

http://jsfiddle.net/JKdzc/

请帮助我。

Answer 1

你指的是橙色的亮点？如果是这样，请添加此样式：

outline:none; 

Answer 2

也许这只是WebKit中的一个错误。 WebKit在border-radius上遇到了很多已知问题。

您可以检查出是否错误已经被添加到the buglist。

UPDATE

正如jezternz noted您可以通过使用style属性解决此。 Alternatievely您可以添加select元素周围的包装并做styling on that。

Answer 3

铬添加黄色/橙色轮廓当用户集中在的输入。像这样删除它：

input:focus 
{ 
    outline: none; 
} 

Answer 4

橙色轮廓是Chrome将用户注意力集中到他们点击的方式。如前所述，摆脱这种情况的最佳方式是在CSS中使用outline:none;。

希望有所帮助。