Esiste comunque un modo per impedire a Chrome di applicare lo stile input type=search
. Posso applicare lo stile all'input quando è un input type=text
anche se una volta che lo cambio in una ricerca HTML5 racchiude tutti gli stili che ho applicato all'input.Arresta chrome dal tipo di input per lo styling automatico = ricerca
type = text
Type = Ricerca
risposta Aggiornato con le proprietà di reset
input[type="search"] {
-webkit-appearance: textfield;
}
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;
}
Immagini appena caricate che mostrano cosa intendo –
Aggiornato la mia risposta qui sotto – thatuxguy