Hola jgames88,
Espero que te sirva, el codigo que te he hecho permite colorear practicamente todo. Solo debes añadirla a cada evento de tu elemento. Ten en cuenta que la funcion necesita saber que objeto desea colorear, para ello le enviamos la variable "elemento", la cual puede ser:
Código PHP:
this.id : si el objeto tiene id.
this: si el objeto no tiene id.
un id: el id que mejor te venga puede ser el mismo u otro.
Código PHP:
<script>
function pintar(zona,color,elemento)
{
//seleccionamos el elemento:
if(document.getElementById(elemento))
{
//alert('this.id');
elemento_seleccionado=document.getElementById(elemento);
}
else
{
//alert('this');
elemento_seleccionado=elemento;
}
//pintamos
if(zona=='borde')
{
elemento_seleccionado.style.borderColor= color;
//alert('borde pintado de color '+color);
}
if(zona=='fondo')
{
elemento_seleccionado.style.background= color;
//alert('fondo pintado de color '+color);
}
if(zona=='letras')
{
elemento_seleccionado.style.color= color;
//alert('fondo pintado de color '+color);
}
}
</script>
<textarea id="mi_textarea" onfocus="pintar('borde','red',this);pintar('fondo','red','mi_textarea')">
Es sencillo. Solo tienes que añadir la funcion: pintar('lugar que deseas pintar','el color','el elemento'). En cada evento.
</textarea>
Para comprobar como funciona puede quitar los "//" a los alert's.
Espero que te sirva!... creo que es lo que buscas.
En caso de que desees implementar mas de una accion a un evento, solo necesitas colocar la funcion con un ';'. Como en el ejemplo que te he enviado en el cual se pinta el borde y el fondo de rojo en el mismo evento