铬的边界问题

Question

我在表单字段中使用了border-radius。它工作正常。但铬在它周围出现了一些线条。请参考小提琴。

http://jsfiddle.net/JKdzc/

请帮帮我。

Answer 1

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

outline:none;

Answer 2

当用户专注于输入时，Chrome会添加黄色/橙色轮廓。像这样删除它：

input:focus
{
    outline: none;
}

Answer 3

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

希望有所帮助。

Answer 4

这可能只是WebKit中的一个错误。 WebKit存在许多与border-radius有关的问题。

您可以查看该错误是否已添加到the buglist。

<强>更新

作为jezternz noted，您可以使用style属性解决此问题。或者，您可以在select元素周围添加包装并执行styling on that。