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

Я пытаюсь сделать input type="search" высокий, но CSS не влияет на него. Мой код выглядит следующим образом:

HTML:

<input type="search" />

CSS

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

Но это не сработает. Взгляните на скрипку здесь

Ответы

Webkit по умолчанию (hijacks) использует собственное поле поиска, но вы можете переопределить его с помощью:

-webkit-appearance:none;

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

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

Самый простой способ imho изменить тип "поиск", чтобы напечатать "текст" или удалить внешний вид веб-набора, как указано выше.

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

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

вместо

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