como cambiar el color en un formulario?
MX
08 de Agosto del 2002
como puedo cambiar el color de los botones y campos donde se escribe en un formulario??
gracias!
gracias!
BattleCat
08 de Agosto del 2002
Hola MX
Lo puedes hacer con estilos. Para esto debemos crear un bloque como este:
__________________________________________________
<style>
.texto
{
background-color:lightgrey;
color:white;border:0;
border-top:#FFFFFF 2px solid;
border-left:#FFFFFF 2px solid;
border-bottom:#000000 2px solid;
border-right:#000000 2px solid;
font-family:verdana;font-size:14px;
height:20;width:150;position:absolute;
font-weight:bold;cursor:hand;
}
</style>
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
Este estilo lo creamos dentro de las etiquetas <HEAD> y </HEAD> de nuestro documento, y para llamarlo, s贸lo debemos escribir su nombre sin el punto dentro del atributo "class", en los elementos de nuestro formulario.
El nombre del ejemplo, nos se帽ala que debemos usar este estilo, s贸lo cuando hayan elementos de tipo "<INPUT type=text...", ya que no nos vendr铆a bien un TEXTAREA de 20 p铆xeles de altura como en el ejemplo (height:20 px). La forma de llamar al estilo es la siguiente:
__________________________________________________
<body>
<form>
<input type="text" class="texto">
</form>
</body>
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
Algo cambia en los otros elementos de formulario, como altura, anchura, letra. Por ejemplo, no vamos a ocupar un tipo de letra para un "<INPUT type=radio...", pero en el fondo las secuencias son las mismas. Intenta cambiar los estilos para que se ajusten mejor a tu formulario ;-)
Cu铆dense mucho todos
Saludos a todo el foro
Su amigo BattleCat
Lo puedes hacer con estilos. Para esto debemos crear un bloque como este:
__________________________________________________
<style>
.texto
{
background-color:lightgrey;
color:white;border:0;
border-top:#FFFFFF 2px solid;
border-left:#FFFFFF 2px solid;
border-bottom:#000000 2px solid;
border-right:#000000 2px solid;
font-family:verdana;font-size:14px;
height:20;width:150;position:absolute;
font-weight:bold;cursor:hand;
}
</style>
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
Este estilo lo creamos dentro de las etiquetas <HEAD> y </HEAD> de nuestro documento, y para llamarlo, s贸lo debemos escribir su nombre sin el punto dentro del atributo "class", en los elementos de nuestro formulario.
El nombre del ejemplo, nos se帽ala que debemos usar este estilo, s贸lo cuando hayan elementos de tipo "<INPUT type=text...", ya que no nos vendr铆a bien un TEXTAREA de 20 p铆xeles de altura como en el ejemplo (height:20 px). La forma de llamar al estilo es la siguiente:
__________________________________________________
<body>
<form>
<input type="text" class="texto">
</form>
</body>
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
Algo cambia en los otros elementos de formulario, como altura, anchura, letra. Por ejemplo, no vamos a ocupar un tipo de letra para un "<INPUT type=radio...", pero en el fondo las secuencias son las mismas. Intenta cambiar los estilos para que se ajusten mejor a tu formulario ;-)
Cu铆dense mucho todos
Saludos a todo el foro
Su amigo BattleCat