Firefox 升級至 38.0.1 後,<input> 文字靠上顯示,疑似瀏覽器預設樣式變更。
為輸入框容器或輸入框本身設定明確 line-height 等於 height,強制垂直置中:
.nobg input {
height: 30px;
line-height: 30px; /* 關鍵 */
padding: 0 5px;
box-sizing: border-box;
}
Firefox 38 修正了 line-height: normal 在替換元素上的行為,導致未顯式設定 line-height 時文字基線對齊偏移。顯式設定可跨瀏覽器一致。