文本字段CSS边框在Google Chrome中行为不端

Question

当用户聚焦文本字段时，我希望边框（1px）为2px，因此为了避免GUI感觉跳跃，我设置：

 margin-bottom:-2px; 

这在Firefox中很好用，但在Chrome中不行，这是一个错误吗？任何解决方案让这个在Chrome中运行？

我得到的问题有时当我取消选择保留边框类型的文本字段时。这是一个示例图像：

Answer 1

您应该使用outline而不是边框​​，因为这不会影响定位和周围的对象。

引用quirksmode.org：

  

盒子的轮廓几乎是   和边界一样。

     

大纲实际上并不是其中的一部分   盒子，它不计算在内   朝着盒子的宽度或高度。