有人能告诉我为什么Google Chrome会发生这种情况吗？ http://jsfiddle.net/webtiago/D2jLr/
大纲意味着什么是正确的线外？当我专注于我的输入时，我的轮廓变成“内联”。应该不对吗？这正发生在我正在研究的几个项目中。我正在使用Chrome 19.0.1084.52 m。
任何帮助？
答案 0 :(得分：1)
看起来就像那样。试试this我让线条变粗了。大纲仍在外面。
在1px中移动看起来只是一个Chrome bug ..你可以通过切换焦点上的边框和轮廓颜色来解决它。
input:focus { border: 1px solid red; outline: 1px solid orange;}
它仍以1px移动，但颜色的顺序至少保持不变。
答案 1 :(得分：1)
Chrome更改outline-offset（控制轮廓的位置）焦点。
只需使用outline: 1px solid blue; outline-offset: 0;，它就会按您希望的方式运作。
答案 2 :(得分：-1)
Chrome的轮廓边框比输入的边框稍厚，导致它看起来像在里面。如果这很烦人，你可以通过以下方式转换chrome的轮廓：
outline:none;