【问题标题】:text field CSS border misbehaving in Google Chrome谷歌浏览器中的文本字段 CSS 边框行为不端
【发布时间】:2011-02-26 01:02:16
【问题描述】:

当用户聚焦一个文本字段时,我希望1px的边框为2px,所以为了避免GUI感觉跳动,我设置:

 margin-bottom:-2px; 

这在 Firefox 中运行良好,但在 Chrome 中却不行,这是一个错误吗?有什么解决方案可以让它在 Chrome 中工作吗?

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

【问题讨论】:

    标签: css google-chrome


    【解决方案1】:

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

    引用 quirksmode.org:

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

    大纲实际上并不是 盒子,它不以任何方式计算 朝向盒子的宽度或高度。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-04-21
      • 1970-01-01
      • 2011-01-06
      • 1970-01-01
      • 2014-11-29
      • 1970-01-01
      相关资源
      最近更新 更多