jack-lin

最近在做项目忘记密码页面时,input光标大小需要统一。同时也需要兼容ie8浏览器。

总结如下:

IE:不管该行有没有文字,光标高度与font-size一致。

FF:该行有文字时,光标高度与font-size一致。该行无文字时,光标高度与input的height一致。

Chrome:该行无文字时,光标高度与line-height一致;该行有文字时,光标高度从input顶部到文字底部(这两种情况都是在有设定line-height的时候),如果没有line-height,则是与font-size一致。

解决的方案:

给input的height设定一个较小的高度,然后用padding去填充,基本上可以解决所有浏览器的问题

 

input{
height: 16px;
padding: 4px 0px;
font-size: 12px;
}

分类:

技术点:

相关文章:

  • 2021-11-04
  • 2022-12-23
  • 2021-04-13
  • 2022-01-09
  • 2021-11-17
  • 2022-02-13
  • 2021-07-15
猜你喜欢
  • 2021-06-13
  • 2021-11-02
  • 2021-12-28
  • 2021-09-02
  • 2021-08-03
  • 2021-11-17
  • 2021-12-08
相关资源
相似解决方案