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