輸入類型=搜索不接受高度

Question

我試圖使input type="search"高，但CSS不會影響它。我的代碼是這樣的：

HTML：

<input type="search" /> 

CSS：

input{width:100%; height:100px;} 

但它不工作。看看小提琴here

Answer 1

見http://trentwalton.com/2010/07/14/css-webkit-appearance/

Webkit的默認值（劫持）使用本地搜索領域，但你可以重寫它：

-webkit-appearance:none; 

Answer 2

-webkit-appearance:textfield; 
box-sizing: content-box; 

http://tonibarrett.com/forcing-my-style-onto-input-typesearch/

這解決了我的問題

Answer 3

您必須編寫的

input[type="search"]{width:100%; height:100px;} 

代替

input{width:100%; height:100px;} 

Answer 4

最簡單的方式恕我直言，改變類型爲「搜索」中鍵入「文本」或跌落網絡套件，外觀如上所述。