Chrome中的数字输入的垂直对齐错误

Question

Chrome中的数字输入在内容的垂直对齐方面非常奇怪。

我使用的是Chrome 47.0.2526.58测试版（64位）。

另外，我的数字输入使用line-height：normal;对齐包含的文本/数字。

大多数情况下，内容会被切断，因为它会向下移动几个像素。 此行为受输入的悬停和活动状态的影响。

最好用这个GIF动画描述：

如何修复此Chrome错误？

Answer 1

输入字段通常会调整为字体大小。 如果您为输入字段设置了固定高度，则可能会导致问题。

以下是一个例子：

＆＃13;

＆＃13;

input[type=text] {
  height: 20px;
  font-size: 24px;
  line-height: normal;
}

＆＃13;

<input type="text">

＆＃13;

＆＃13;

＆＃13;

另请注意，您使用的是浏览器的Beta版。如果这个问题确实与浏览器相关，则会在下次更新时修改它。

填写Google Chrome的错误报告可能很有用。