0

谁能告诉我为什么谷歌浏览器会发生这种情况？http://jsfiddle.net/webtiago/D2jLr/

大纲意味着这是一条在某物之外的线，对吗？当我专注于我的输入时，我的大纲变成了“内联”。应该不对吧？这发生在我正在从事的几个项目中。我正在使用 Chrome 19.0.1084.52 m。

有什么帮助吗？

4

3 回答 3

1

Chromeoutline-offset在焦点上更改（控制轮廓的位置）。

只需使用outline: 1px solid blue; outline-offset: 0;它，它就会按照您想要的方式工作。

于 2012-06-04T21:59:31.790 回答
1

看起来就是这样。试试这个，我把线条变粗了。轮廓仍在外面。

它以 1px 移动看起来只是一个 Chrome 错误。你可以通过切换焦点的边框和轮廓颜色来解决它。

input:focus { border: 1px solid red; outline: 1px solid orange;}

它仍然以 1px 移动，但至少保持颜色的顺序。

于 2012-06-04T21:25:55.673 回答
-1

Chrome 的轮廓边框比您输入的边框略厚，使其看起来像是在里面。如果这很烦人，您可以通过以下方式关闭 chrome 的轮廓：

outline:none;

演示 http://jsfiddle.net/D2jLr/2/

于 2012-06-04T21:35:19.687 回答