Foros del Web » Creando para Internet » HTML »

Cambiar la apariencia del INPUT

Estas en el tema de Cambiar la apariencia del INPUT en el foro de HTML en Foros del Web. ¿como le cambio la apariencia al input o a la textarea? Salu2 <center> <img src="http://kneod.tripod.com/my.gif"><br></center>...
  #1 (permalink)  
Antiguo 10/02/2002, 15:00
 
Fecha de Ingreso: enero-2002
Mensajes: 49
Antigüedad: 15 años, 10 meses
Puntos: 0
Cambiar la apariencia del INPUT

¿como le cambio la apariencia al input o a la textarea?
Salu2

<center>
<img src="http://kneod.tripod.com/my.gif"><br></center>
  #2 (permalink)  
Antiguo 10/02/2002, 15:45
Avatar de jpogsistem  
Fecha de Ingreso: diciembre-2001
Mensajes: 2.405
Antigüedad: 16 años
Puntos: 4
Re: Cambiar la apariencia del INPUT

&lt;INPUT style=&quot;BORDER-LEFT-COLOR: red; BORDER-BOTTOM-COLOR: blue; FONT: bold 10px 'Tahoma'; COLOR: white; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: green; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BACKGROUND-COLOR: black; BORDER-RIGHT-COLOR: yellow; BORDER-BOTTOM-STYLE: solid&quot; maxLength=50 size=15 name=nombre&gt;



  #3 (permalink)  
Antiguo 10/02/2002, 16:58
 
Fecha de Ingreso: enero-2002
Mensajes: 49
Antigüedad: 15 años, 10 meses
Puntos: 0
Re: Cambiar la apariencia del INPUT

Ok. lo puse en mi .css y todo, pero me cambia hasta el color de el boton submit. ¿que debo poner en lugar de:

<pre>
INPUT&lt;&lt;&lt;&lt;&lt;&lt;en lugar de esto
{................
}
</pre>
para cambiar la apariencia de el boton sin afectar a la caja de texto? Oviamente me refiero a una hoja separada del html. porque si pongo en el html:
<pre>
&lt;input type=submit value=go style=....
</pre>
asi si se puede pero ese no es el chiste, el chiste es en un .css

Puse BUTTON y no funciono, puse INPUT.btn y tampoco...pues como.

Salu2

<center>
<img src="http://sloc.s5.com/my.gif"><br></center>
  #4 (permalink)  
Antiguo 11/02/2002, 05:07
Avatar de KarlanKas
Moderador extraterrestre
 
Fecha de Ingreso: diciembre-2001
Ubicación: Madrid
Mensajes: 6.987
Antigüedad: 16 años
Puntos: 60
Re: Cambiar la apariencia del INPUT

LFZV!

Si quieres que el botón sea distinto al resto de los inputs, lo mejor que puedes hacer es definir el estilo de los inputs y luego hacer un identificador para el botón y definir las caracteristicas de ese identificador. Por ejemplo:

-----------------------------
&lt;html&gt;
&lt;head&gt;
&lt;style&gt;
#boton {
color:yellow;
font:normal 9px/14px verdana;
background-color:navy;
border:2px solid black;
}
input{
border:1px solid blue;
font: bold 14px 'Tahoma';
color: white;
background-color: silver;
}
&lt;/style&gt;

&lt;/head&gt;

&lt;body&gt;
&lt;input type=&quot;button&quot; id=&quot;boton&quot; value=&quot;pulsame!&quot;&gt;
&lt;br&gt;
&lt;br&gt;
&lt;input type=&quot;text&quot; value=&quot;Es distinto&quot;&gt;
&lt;/body&gt;
&lt;/html&gt;
--------------------------------
No sé si me he explicado bien...



<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="190" height="51"><param name="bgcolor" value="#0066CC"><param name="movie" value="http://www.webareyou.com/Movie1.swf"><embed src="http://www.webareyou.com/Movie1.swf"></embebed></object>
  #5 (permalink)  
Antiguo 11/02/2002, 05:50
Avatar de jpogsistem  
Fecha de Ingreso: diciembre-2001
Mensajes: 2.405
Antigüedad: 16 años
Puntos: 4
Re: Cambiar la apariencia del INPUT

Puedes colocarlo manualmente solo en la caja de texto que necesites y no en el css porque como dices hace esos cambios.

Saludos
  #6 (permalink)  
Antiguo 11/02/2002, 15:11
Avatar de jrggrz  
Fecha de Ingreso: febrero-2002
Ubicación: Del valle DF México
Mensajes: 60
Antigüedad: 15 años, 10 meses
Puntos: 0
Re: Cambiar la apariencia del INPUT

En lugar de aplicarle el estilo como &quot;input&quot; aplicaselo como &quot;class&quot;

<a href="http://geocities.com/jrggrz"><img src="http://geocities.com/jrggrz/banner.gif" </a>
  #7 (permalink)  
Antiguo 11/02/2002, 17:50
 
Fecha de Ingreso: enero-2002
Mensajes: 49
Antigüedad: 15 años, 10 meses
Puntos: 0
Re: Cambiar la apariencia del INPUT

Ok, karlankas, veo que no existe una definicion especial para un boton, asi que lo voy a tener que hacer asi.

SAlu2

<center>
<img src="http://sloc.s5.com/my.gif"><br></center>
  #8 (permalink)  
Antiguo 11/02/2002, 18:28
Avatar de KarlanKas
Moderador extraterrestre
 
Fecha de Ingreso: diciembre-2001
Ubicación: Madrid
Mensajes: 6.987
Antigüedad: 16 años
Puntos: 60
Re: Cambiar la apariencia del INPUT

A mandar!

Karlankas
  #9 (permalink)  
Antiguo 11/02/2002, 21:04
 
Fecha de Ingreso: enero-2002
Mensajes: 196
Antigüedad: 15 años, 11 meses
Puntos: 0
Re: Cambiar la apariencia del INPUT

&lt;style&gt;
.ftextbox {
font-size : xx-small;
font-family : Verdana;
border-style : solid;
border-width : 1px;
border-color : #050505;
}
&lt;/style&gt;

&lt;input type=text class=&quot;cbody&quot;&gt;

<iframe frameborder=0 scrolling=no width=100% height=85 src="http://www.ecuadorciencia.com/ocio/firma.html"></iframe>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:44.