输入类型=搜索不接受高度

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

改变类型＆＃39;搜索＆＃39;最简单的方法。输入＆＃39; text＆＃39;或者放弃上面提到的web-kit-appearance。

Answer 4

你必须写

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

而不是

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