CSS: resettare i campi search su WebKit mobile

CSS: resettare i campi search su WebKit mobile

I campi di tipo search sono interpretati da WebKit in modo peculiare su mobile. Tuttavia possiamo resettare il loro layout.

La soluzione è la seguente:


input[type="search"] {
	-webkit-appearance: none;
}

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

Torna su