metal.ize - Tutorial: Botones CSS

¿Qué es esto?

Bonitos botones para tus formularios, hipervínculos, scripts o lo que se te ocurra. Revisa el post original para obtener el .png poder cambiar los colores a los botones.

Importante

Usuarios de Internet Explorer tendrán un efecto diferente. Todo se ve igual; pero al dar click en cualquier input o button no obtendrán el efecto de clickeado que con cualquier otro navegador. Lo único que tendrán será un cambio en la posición del texto (por lo que aún sabrán que dieron click, simplemente no tendrán el cambio de colores que otros usuarios disfrutarán). Los anchor funcionan bien.

Ejemplos de los botones:

Negro Negro Negro
Azul Azul Azul
Verde Verde Verde
Amarillo Amarillo Amarillo

También podemos usar la misma técnica para estilizar inputs de submit de nuestros formularios:

¿O qué tal unos buttons?

Como ven, lo único que requieren es unas pocas clases en CSS. ;) Con estos botones y un poco de estilo a sus inputs, checkboxs y selects, podrán tener formularios bastante atractivos y accesibles. ;)