CSS: Видалити кнопки пошуку в WebKit

HTML5 дає масу корисних речей.

Так як і кожен браузер має свої “фічі” в своєму движку. Ось наприклад WebKit автоматично вбудовує в поле пошуку на Вашому сайті свої іконки. І іноді ці можливості жахливо заважають і не дозволяють виконати потрібну верстку. Знадобилося видалити їх – це можна зробити за допомогою CSS.

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 {
    display: none;
}