Google Chrome输入文字被截断。是字体问题还是浏览器？

Question

请查看此页http://s.codepen.io/nfxpnk/debug/akLbwG

正如您在粉红色背景的第一个区域看到的那样，输入值为“ÄÄÖÖÜÜ”的顶部没有圆点。

然后该行为才会设置输入标记的height属性。

是字体问题还是谷歌浏览器浏览器错误？

不幸的是我无法从所有输入字段中删除项目的height属性。

如何解决此问题？

PS。 Firefox和IE没有这个bug。

感谢。

Answer 1

将height更改为min-height

font-family: 'adihausregular',Arial,Helvetica,Verdana,sans-serif;
font-size: 40px;
min-height: 60px;
line-height: 54px;
width: 100%;

似乎如果你想要，你也可以添加max-height: 60px;，它仍然有用。