Color de fondo del textarea

05/Ene/2007 CSS , 6 Comentarios

Una área de texto en HTML, por defecto, no trae asociado ningún color. Mediante CSS tenemos la posibilidad de modificar el color de fondo del textarea, así como el color del texto que va a ir dentro.

Para poder modificar el color de fondo del textarea debemos de apoyarnos en el atributo background-color de CSS y asociárselo a la etiqueta textarea de HTML. Los atributos CSS se aplican mediante el atributo style de HTML.

  1. <textarea cols="48" rows="3" style="atributos_css;">
  2. Texto del area de texto.
  3. </textarea>

Ahora solo tendremos que darle un valor RGB al atributo background-color. Por ejemplo, si queremos que el fondo sea rojo le asignaremos el valor #f00, o azul con #00f,...

La linea de código quedará de la siguiente forma

  1. <textarea cols="48" rows="3" style="background-color: #87CEEB;">
  2. Texto del area de texto. Fondo con color.
  3. </textarea>

Veamos como queda el efecto:

Para modificar el color del texto hay que manipular el atributo text y asignarle de igual forma valores RGB. Veamos la linea de código:

  1. <textarea cols="48" rows="3" style="background-color:#87CEEB;color:#0000ff;">
  2. Texto del area de texto. Fondo y texto con color.
  3. </textarea>

Y como queda el haber cambiado el color de fondo del textarea:

Vídeos sobre CSS


Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

6 comentarios en “Color de fondo del textarea”

Víctor Cuervo

Marco

textarea tiene otra utilidad principal y no es practico para cambiar el fondo del texto, textarea es un espacio rectangular “un cajon” donde el usuario introduce el texto si este sobresale del espacio asignado textarea creara las barras de desplazamiento, si deseas poner fondo a un texto dentro de un parrafo debes usar la etiqueta span con su atributo style

Víctor Cuervo

nico

y habra forma de poner una imagen enves de color plano?
estoy tratando pero nada me funciona y no manejo mucho css

Víctor Cuervo

nico

y habra forma de poner una imagen enves de color plan?

Víctor Cuervo

ducv

k bien, resulto en la tabla de valores de mi programa,
buen aporte

Víctor Cuervo

Pao

*O*

gracias!!!!

Víctor Cuervo

milton

esta muy interesante, felicitaciones

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*