垂直中心輸入字段

我在頁面上有一個文本輸入字段，但是，我發現很難嘗試在webkit（Chrome + Safari）中垂直居中字段。在FireFox中沒問題。垂直中心輸入字段

下面的代碼：

<form action="/" method="get"> 
    <input type="text" name="s" id="search" class="search" size ="34" value="Search..." onblur="if(this.value == ''){ this.value = 'Search...'; this.style.color = '#BBB';}" onfocus="if(this.value == 'Search...'){ this.value = ''; this.style.color = '#000';}" /> 
    <input class="schbtn"ntype="submit" value="" /> 
</form>

而CSS：

.schbtn {background:url(/wp-content/themes/shamil/images/search_icon.png) no-repeat scroll 50% 50% #7BA60D;height:26px; width:26px;} 
#navtabs li.rnavtab input{border:0;padding-left:5px;color:#BBB;}

這些都是影響它的只有兩個。

對於那些希望看到這一行動的人，請訪問http://shamil.la，並觀察Firefox和Safari/Chrome中的搜索字段。它把我的頭靠在牆上。

由於

來源

2011-06-03 bear

放在兩個輸入元素的vertical-align:middle;，這將居中

來源

2011-06-03 03:16:09 Brett

垂直中心輸入字段

回答

相關問題