5 августа 2014, 13:15

input type=search и placeholder в Chrome

С появлением новых типов инпутов в HTML 5, появились и новые проблемы с их отображением в некоторых браузерах.

Так, например, Chrome последних версий выводит поисковое поле

<input type="search" />

следующим образом:

Проблема возникает, если вы пытаетесь указать полю placeholder или даже просто ввести в поле текст, потому что эту стандартную подсказку Chrome не убирает ни в том, ни в другом случае:

Для решения проблемы необходимо указать следующий CSS-стиль полю:

input[type=search] {
    -webkit-appearance: textfield; // ещё можно указать none
}