MAPA DEL SITIO

GRACIAS A TU DONACION ESTA PAGINA PODRA SEGUIR FUNCIONANDO
Comentarios de Puntadas católicas
COMPARTE ESTA ENTRADA





SIGUENOS
Síguenos en TwitterSiguenos en FacebookSiguenos en Google+Siguenos en PicasaSiguenos en YouTubeSiguenos en BloggerSiguenos en Blogger


Cambiar el color a los botones INPUT


Aunque esto la mayoría lo sabe hacer, aun me siguen preguntando seguido cómo hacer para cambiar el color de los botones de algunos gadgets, por ejemplo el botón de Buscar, el de Suscribir, etc.El código común de un botón es como este:
<input value="Buscar" name="button" type="submit"/>

Lo único que hay que hacer es agregarle un estilo para que tenga un color de fondo:
<input style="background-color: #FF9900" value="Buscar" name="button" type="submit"/>

También puedes modificar el color de la letra, para ello agregamos el estilo "color":
<input style="color: #FF0000" value="Buscar" name="button" type="submit"/>

O bien, puedes cambiar ambos:
<input style="color: #003366; background-color: #99CCFF" value="Buscar" name="button" type="submit"/>

O si lo prefieres, puedes usar una imagen de fondo:
<input style="color: #ffffff; background: url('URL de la imagen')" value="Buscar" name="button" type="submit">

Puedes también ponerle un borde al botón del grueso y el color que quieras:
<input style="border: #000 1px solid; background-color: #FF99FF" value="Buscar" name="button" type="submit">


Como ves, puedes hacer muchas variaciones para decorar tus botones, sólo es cuestión de que eches a andar tu creatividad y dejarás de tener los típicos botones grises.
Recuerda que donde dice value="Buscar" es el texto que aparece en el botón, también puedes jugar un poco con él y cambiar ese texto por otro.


Publicado por El Potro

En Ciudad Blogger

Tal vez te interese

Related Posts Plugin for WordPress, Blogger...
TRANSLATE


EnglishcvFrenchGermanSpainItalianDutchRussianPortugueseJapaneseKoreanArabicChinese Simplified

Archivo del blog

Entradas populares

Seguidores

 
Gadget de animacion Social - Widgets para Blogger

[PR] 求む!タイピング初心者