Web BizarroWeb Bizarro

Suscríbete a nuestro Newsletter

X

Únete a nuestra lista de correos para recibir semanalmente actualizaciones de nuestro contenido.

¿Cómo quitar el botón de cerrar?

¿Cómo quitar el botón de cerrar? 03.OCT.13

Gianfranco Lemmo
Fundador WebBizarro

HTML5 posee muchas bondades en su lenguaje que a nosotros los programadores nos hace la vida mucho más fácil, entre esas cosas tenemos los INPUT de Search o Búsqueda, que logran mostrarnos una interfaz gráfica y funcionamiento ideal tanto para web como para los dispositivos móviles. Sin embargo, WebKit añade por defecto un botón circular con una x (para cerrarlos), a la derecha de las cajas de búsqueda, muchos se preguntarán de que botón está hablando este tipo se los muestro a continuación.

 

 

Esta imposición suele traer problemas e inconsistencias visuales en varios sitios en los cuales se implementa. Por suerte, esta configuración puede ser completamente removida. Para eso, es necesario añadir lo siguiente a nuestro 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;
}

Espero que este mini tutorial sea de su ayuda si necesitan desaparecer este botón.