Skip to main content

Modifica el diseño de los Selects usando CSS

selects personalizados

Los diseños de paginas web cada vez son mas personalizados, el uso de imágenes de gran tamaño, efectos visuales y de animación que ahora permite CSS3 sin necesidad de scripts extras, el uso de funciones asincronicas, ajax, canvas, webfonts, en fin una gran cantidad de cosas que hace 5 años nadie utilizaba y ahora son algo muy común en los diseños web.

Pero uno de los diseños que ha tardado mas en cambiar es el diseño de los elementos del formulario, son muy pocos los diseñadores web que se atreven a utilizar diseños personalizados para los Selects, Checkbox y Radio Buttons en particular pues los navegadores no ofrecen opciones de personalización en su soporte, sin embargo con el uso de CSS y JavaScript todo es posible.

El siguiente enlace incluye un breve manual y un paquete con scripts CSS y JavaScript que te permitirán personalizar los elementos Selects de tu formulario para dejar de ser elementos toscos que no cuadren con tu diseño sin necesidad de crear tediosas funciones usando Div’s y Javascript, eso ya quedo en el pasado.

Enlace para descargar los archivos de ejemplo | Demo

Corre la voz con tus amigos/contactos:

Compartir