Google Chromeの入力テキストが途切れています。それはフォントの問題かブラウザですか？

Question

このページを見てくださいhttp://s.codepen.io/nfxpnk/debug/akLbwG

最初のブロックにピンクの背景が見えますが、「ÄÄÖÜÜ」の値は上にドットが付きません。

その動作は、入力タグの高さプロパティが設定されているだけです。

フォントの問題またはGoogle Chromeのブラウザのバグですか？

残念ながら、すべての入力フィールドからプロジェクトの高さプロパティを削除できません。

この問題を解決するにはどうすればよいですか？

PS。 FirefoxとIEにはこのバグはありません。

ありがとうございました。

Answer 1

変更heightmin-height

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

にあなたがしたい場合は、またmax-height: 60px;を追加できるようだし、それはまだ動作します。