Как удалить все стили поиска по умолчанию в Webkit? - PullRequest
18 голосов
/ 24 февраля 2012

По умолчанию <input type="search" /> отображается как «родное» поле поиска в Mac OS X (закругленные углы, кнопка очистки и т. Д.).Я хочу полностью удалить этот пользовательский стиль, чтобы ввод был идентичен эквивалентному вводу текста (<input type="text" />), но при этом оставил тип ввода search.

., это очень близко ... но с полями / отступами происходит нечто забавное, что я не могу переопределить, что приводит к тому, что ширина поля поиска уменьшается на 20 пикселей по сравнению с текстовым вводом.1008 * Есть ли другое -webkit- специфическое свойство, о котором я не знаю, чтобы полностью отключить стиль?

1 Ответ

65 голосов
/ 24 февраля 2012

Попробуйте эти стили:

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}

Источник: http://css -tricks.com / webkit-html5-search-input / # comment-82432

...