【发布时间】:2011-02-26 01:02:16
【问题描述】:
当用户聚焦一个文本字段时,我希望1px的边框为2px,所以为了避免GUI感觉跳动,我设置:
margin-bottom:-2px;
这在 Firefox 中运行良好,但在 Chrome 中却不行,这是一个错误吗?有什么解决方案可以让它在 Chrome 中工作吗?
有时我遇到的问题是,当我取消选择文本字段时,边框会保留。这是一个示例图像:
【问题讨论】:
标签: css google-chrome
当用户聚焦一个文本字段时,我希望1px的边框为2px,所以为了避免GUI感觉跳动,我设置:
margin-bottom:-2px;
这在 Firefox 中运行良好,但在 Chrome 中却不行,这是一个错误吗?有什么解决方案可以让它在 Chrome 中工作吗?
有时我遇到的问题是,当我取消选择文本字段时,边框会保留。这是一个示例图像:
【问题讨论】:
标签: css google-chrome
您应该使用outline 而不是边框,因为这不会影响定位和周围对象。
引用 quirksmode.org:
一个盒子的轮廓几乎是 和边框一样。
大纲实际上并不是 盒子,它不以任何方式计算 朝向盒子的宽度或高度。
【讨论】: