2012-07-18 13 views
17

¿Hay alguna forma de evitar que Chrome diseñe el input type=search? Puedo escribir bien la entrada cuando es input type=text, aunque una vez que cambio esto a una búsqueda HTML5, recubre todos los estilos que he aplicado a la entrada.Detener Chrome desde el estilo de entrada de estilo automático = buscar

type = text

text

= Tipo de búsqueda

serach

respuesta Actualizado con propiedades de restablecimiento

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; 
} 
+0

Solo imágenes cargadas que muestran lo que quiero decir –

+0

Actualizado mi respuesta a continuación – thatuxguy

Respuesta

20

Usted podría intentar:

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

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

¿Ayuda?

Cuestiones relacionadas