тип ввода = поиск не принимает высоту

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/

это решило мою проблему

Answer 3

Самый простой способ imho изменить тип 'search' на тип 'text' или удалить внешний вид web-kit, как упомянуто выше.

Answer 4

Вы должны написать

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

вместо

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