为什么Chrome中的高度大于Firefox的输入高度
select, input, textarea, button { font: 99% sans-serif; } input, select { vertical-align: middle; } body, select, input, textarea { color: #444444; } button, input, select, textarea { margin: 0; } input, textarea { font-family: inherit; line-height: 1.5; } input { border: 0 none; font-size: 32px; line-height: 1.1; margin-right: 29px; padding: 3px 3px 0; width: 206px; border-radius: 7px; }
问题本质上是line-height。
line-height
Chrome的外观与Firefox line-height相似height。
height
在输入中增加高度应该可以解决问题,尽管您应注意line-height和height匹配。
例如:height: 20px; line-height: 20px;。
height: 20px; line-height: 20px;