html - chrome的边框问题

Question

我在表单字段中使用了边界半径。它工作正常。但是它的镀铬在场周围出现了一些线条。请参考小提琴。

请帮我。

score 2 · Accepted Answer

2

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

outline:none;

于 2012-05-21T10:53:36.797 回答

score 1 · Accepted Answer

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

input:focus
{
    outline: none;
}

score 1 · Accepted Answer

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

希望有帮助。

score -1 · Accepted Answer

可能这只是 WebKit 中的一个错误。WebKit 在border-radius.

您可以检查该错误是否已添加到buglist中。

更新

正如jezternz 所指出的，您可以通过使用该style属性来解决此问题。select或者，您可以在元素周围添加一个包装器并对其进行样式设置。

4 回答 4