Color de fondo del textarea

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 de la misma. Así que, en este ejemplo, vamos a ver paso a paso cómo definir el color de fondo del textarea.

Aplicar el color de fondo al textarea

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.

<textarea style="background-color: #valor_color;">Texto del área</textarea>

Ahora solo tendremos que darle un valor de color, en formato 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 que nos permitirá hacer esta asignación quedará de la siguiente forma:

<textarea cols="48" rows="3" style="background-color: #87ceeb;">
  Texto del área de texto. Fondo con color.
</textarea>

Veamos como queda el efecto viendo un área de texto con el color de fondo cambiado:

Modificar el color del texto

Para modificar el color del texto hay que manipular el atributo color y asignarle de igual forma valores RGB. Veamos la linea de código como quedaría aplicado en el atributo style:

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

Y como queda el haber cambiado el color de fondo y del texto que hay dentro del textarea:

Como has podido comprobar es muy sencillo definir el color de fondo del textarea y poner tanto el fondo como el texto que hay dentro de los colores que más nos gusten.