Conociendo jQuery UI (y VII): CSS Personalizados

Sí, los temas de jQuery UI molan mucho pero de vez en cuando nos puede apetecer modificar a nuestro antojo los estilos propios de la librería, algo que podemos hacer si sabemos dónde tocamos.

En jQuery UI podemos tocar prácticamente toda la estructura mediante CSS, y es que si os fijáis haciendo un análisis con Firebug prácticamente todos los estilos vienen muy bien definidos, empezando por la clase a la que pertenecen.

Además y como extra, nos proporcionan helpers para ayudarnos con nuestros CSS, los cuales son estos:

  • .ui-helper-hidden: Oculta el elemento que tenga esta clase.
  • .ui-helper-hidden-accessible: Oculta de forma accesible (los ubica fuera de la ventana).
  • .ui-helper-reset: Resetea estilos como el margen, el padding…
  • .ui-helper-clearfix: Elimina los elementos ubicados a los lados (clear:both).
  • .ui-helper-zfix: Un fix para los iframes.

Y aquí termina nuestro repaso a la mejor librería de interacción visual que existe en Javascript, al menos desde mi punto de vista. Un placer como siempre que se trata de jQuery…


Un comentario

  1.   Diana dijo

    corto pero consiso, gracias :)

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *