在IE8中填充輸入文本時，初始光標位置無效

Question

我的問題已在此處描述： http://the-dees.webs.com/iepp1/45-input-padding.html 但未提供任何解決方案或解決方法。

問題：如果您在IE8中使用填充輸入文本，則文本的初始位置和閃爍的光標無效（它呈現在輸入的頂部）。一旦你開始輸入，文本和光標移動到正確的位置（輸入的中間）。

輸入僅鋪有以下幾點：

input { 
    padding: 10px 0; 
} 

我找到了一個解決辦法，這對我來說是不可接受的。也就是說，如果我刪除左或右填充（或兩者），一切都看起來不錯：

input { 
    padding-top: 10px; 
    padding-bottom: 10px; 
} 

但是，如果不申報填充左或填充右爲零，那麼IE可能會給一個奇怪默認值（在我的情況下，它是1px）

有趣的是，這個問題只出現在純IE8和IE9文件模式的IE9。它確實不是出現在具有IE8文檔模式的IE7，IE9，IE10或IE10中。

這個問題怎麼解決？

Answer 1

在input上設置line-height屬性將修正文本和插入符號的位置。