2010-10-08 82 views
34

我的搜索框中的默認文本在Chrome,FF和Safari中很正常(vertical-align:middle)。IE8中的垂直對齊不正確

但是,默認文本上升到IE 8搜索框的頂部。

有沒有IE的解決方法?謝謝你的幫助。

HTML:

<input type="text" class="text" value="Search" title="Search" /> 

CSS:

.text { 
    height: 47px; 
    font-size: 18px; 
    margin: 0; 
    padding: 0 5px 0 45px; 
} 

回答

88

您是否嘗試設置行高度匹配的文本框的高度?文本應該自動出現在行的中間

+1

謝謝!這工作。 – JMan 2010-10-11 17:29:57

+1

謝謝。它幫助了我。 +1 – Pankaj 2012-03-23 11:33:23

+3

你是一個王!我用這個問題大概浪費了5個小時。謝謝 – uriz 2012-08-23 21:02:09

3

指定行高導致光標在Chrome中變得非常高,我會建議使用相同的填充從頂部/底部垂直對齊IE8中的文本,它將工作在Chrome/FF/IE8中