Morton 3 de octubre de 2013 a las 06.15
   Imprimir artículo
elWebmaster.com

HTML5: C贸mo quitar los botones de la caja de b煤squeda en WebKit


html5logowideHTML5 lleg贸 con muchas novedades muy 煤tiles para el desarrollo web. Por ejemplo, los tipos de elemento INPUT, entre los que se incluyen “email” y “search” que logran que estos campos del formulario se vean adecuadamente en 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. 驴C贸mo puede solucionarse?

Esta imposici贸n suele traer problemas e inconsistencias visuales en varios sitios en los que es implementado. Por suerte, esta configuraci贸n puede ser completamente removida. Para eso, es necesario a帽adir lo siguiente a nuestro CSS:

  1. input[type='search']::-webkit-search-decoration,
  2. input[type='search']::-webkit-search-cancel-button,
  3. input[type='search']::-webkit-search-results-button,
  4. input[type='search']::-webkit-search-results-decoration {
  5.     display: none;
  6. }

Y eso es todo. Con este peque帽o cambio, desaparecer谩 el problema. 隆Esperamos que te sea de utilidad!

Fuente original del art铆culo: David Walsh Blog
Traducci贸n realizada por
elWebmaster.com


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (2)

  1. Oscar Herrera - RedesSociales dice:

    Es muy eficiente este c贸digo me ayudo de mucho, gracias.

  2. Zen贸n Tinoco Rodriguez dice:

    Venturoso a帽o 2014, Estaremos nuevamente. gracias por la oportunidad ztr.

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder