奇怪的CSS问题

发表于 | 更新于 | 分类于 | 评论数： | 阅读次数：

记录开发中遇到的第一眼摸不着头脑的CSS问题。

  • input设置斜体字体导致边缘字符被截断

input设置斜体字体导致边缘字符被截断

demo

无论为input设置多大的padding都无法解决问题。

解决方法：input设置text-indent属性

参考：font with italic style cut off on edges in input

inline box 设置斜体字体导致边缘字符被截断

content: “”;
padding: 2px;