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

Question

我试图做一个input type="search"高大但CSS不会影响它.我的代码是这样的:

HTML:

<input type="search" />

CSS:

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

但它不起作用.看看这里的小提琴

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/

这解决了我的问题