IE9 input 聚焦文字上下滾動問題修正

IE9 中 input 聚焦時文字先上滾再下滾，IE10 移除 line-height 可解決，IE9 則需將 line-height 與 height 設為相同值。

CSS 修正

input {
    height: 30px;
    line-height: 30px; /* 與 height 一致 */
    padding: 0 5px;
    border: 1px solid #ccc;
}

原理

• line-height 決定文字垂直置信基準，若小於 height，IE9 渲染引擎在聚焦時會重新計算垂直對齊，導致跳動。
• 設定相等後，文字垂直置中固定，不再觸發重排。

此修正不影響其他瀏覽器，屬於安全的相容性處理。