Foros del Web » Creando para Internet » CSS »

Estilos al Input Text y al Textarea.

Estas en el tema de Estilos al Input Text y al Textarea. en el foro de CSS en Foros del Web. Hola amigos. Pues veran, cuando pones uno de estos dos campos (input o textarea) salen el recuadro por default y color blanco. Yo ya tengo ...
  #1 (permalink)  
Antiguo 26/11/2010, 12:22
 
Fecha de Ingreso: noviembre-2010
Ubicación: On a world of Anime & Web.
Mensajes: 137
Antigüedad: 13 años, 4 meses
Puntos: 4
Estilos al Input Text y al Textarea.

Hola amigos.
Pues veran, cuando pones uno de estos dos campos (input o textarea)
salen el recuadro por default y color blanco.

Yo ya tengo el diseño con photoshop, que es un textarea y un input con las esquinas redondeadas y el fondo de color un verde bajito.

Ahora quiero saber como aplicar este estilo mediante la imagen a el textarea y al input.
Que codigo le coloco, esto es lo que quiero saber.


Y otra cosa: Como edito el tamaño, color, fuente de la letra que se escribira dentro de estos campos (solo lo que se escribe en estos campos)

Ya que no quiero que en todos los campos salga lamis font,por eso la quiero cmbiar en estos campos que les menciono.

Son dos cosas, ojalame haya entendido y espero sus respuesta.
Gracias de antemano.
  #2 (permalink)  
Antiguo 26/11/2010, 13:23
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: Estilos al Input Text y al Textarea.

puedes hacerlo en forma general para todo el sitio con

Código CSS:
Ver original
  1. input{border:0;background:url(imagen1.jpg) no-repeat;width:150px;height:28px;font:12px 'trebuchet MS';color:#036;}
  2. textarea{border:0;background:url(imagen1.jpg) no-repeat;width:150px;height:28px;font:12px 'trebuchet MS';color:#036;}

o puedes aplicar una clase o ID e igual

#formulario1 input{...}
.formulario2 input{...}
  #3 (permalink)  
Antiguo 26/11/2010, 21:15
 
Fecha de Ingreso: noviembre-2010
Ubicación: On a world of Anime & Web.
Mensajes: 137
Antigüedad: 13 años, 4 meses
Puntos: 4
Respuesta: Estilos al Input Text y al Textarea.

amm es decir, solo aplico el estilo como fondo (background) y listo.
Ademas debo adherir las propiedades como el width y el height.
El estilo de las letras con font, size y color...

Aun no le he intentado, pero con ese ejemplo que me diste, ya me queda seguro como va.
Gracias por responder =)

Etiquetas: estilos, input, textarea, txt
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 01:11.