如何解決Firefox的問題切斷部分信件

Question

如何在電子郵件輸入框中輸入任何內容時如何顯示每個字母？

目前，Firefox瀏覽器切斷部分字母（意思是說，字母的下半部分在打字時是不可見的），但Chrome和Safari非常好，例如'g'和'y'。

<input type="email" name="email" style="height: 30px; border: 2px solid #BDD3FF;"> 

謝謝。

Answer 1

問題是高度不足以在Firefox中顯示完整的字母。所以你可以增加高度。類似的東西，

<input type="email" name="email" style="height: 35px; border: 2px solid #BDD3FF;"> 

Answer 2

通過添加padding屬性：3.25px 8px;