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

Google Chrome中文本字段CSS边框行为不当,css,google-chrome,Css,Google Chrome,当用户聚焦文本字段时,我希望边框(1px)为2px,因此为了避免GUI感到紧张,我设置: margin-bottom:-2px; 这在Firefox中很好,但在Chrome中却不行,这是一个bug吗?有什么解决方案可以让它在Chrome中工作吗 我遇到的问题是,有时当我取消选择文本字段时,边框排序会保持不变。这是一个示例图像: 您应该使用而不是边框,因为这不会影响定位和周围对象 引用quirksmode.org: 盒子的轮廓几乎是一样的 和边境一样 该大纲实际上不是该计划的一部分 盒子,它

当用户聚焦文本字段时,我希望边框(1px)为2px,因此为了避免GUI感到紧张,我设置:

 margin-bottom:-2px; 
这在Firefox中很好,但在Chrome中却不行,这是一个bug吗?有什么解决方案可以让它在Chrome中工作吗

我遇到的问题是,有时当我取消选择文本字段时,边框排序会保持不变。这是一个示例图像:

您应该使用而不是边框,因为这不会影响定位和周围对象

引用quirksmode.org:

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

该大纲实际上不是该计划的一部分 盒子,它不算任何方式 朝向盒子的宽度或高度