Chrome-input-自定义高度和行高后输入文字前光标错位

本文最后更新于:2023年3月16日 下午

自从 Google Chrome 37-38 中如果对一个文本输入框定义了heightline-height,并且他们的值相同,那么在输入文字前 Google Chrome 文本输入框的光标会向上移动到输入框的左上方,造成错位,而不是在input中间。
以下代码在Google Chrome 37-38里面将会造成input光标上移错位

1
2
3
4
5
input {
height: 16px;
line-height: 16px;
font-size: 12px;
}

解决Google Chrome光标上移的方法是直接把line-height给删除掉。

1
2
3
4
5
input {
height: 16px;
padding: 4px 0;
font-size: 12px;
}

Chrome-input-自定义高度和行高后输入文字前光标错位
https://seven3.site/css/Chrome-input-自定义高度和行高后输入文字前光标错位/
作者
Seven3s
发布于
2015年1月20日
许可协议