Efecto Textarea

[Ciel]

Hola a todos,

Supongo que lo que busco se modifica mediante javascript, por ese motivo lo posteo aca, disculpen si es incorrecto esto.

Realmente busque bastante y no logro encontrar lo que quiero.

Tengo dos dudas, que creo que son sencillas, pero no logro encontrar la respues, a ver si me pueden ayudar:

1) Cuando a un textarea le hago click, el borde se pone de un color amarillo, como puedo cambiar el color de dicho borde?

2) En este mismo foro, arriba de todo que esta el buscador de Google, cuando haces click aparte de verse ese borde amarillo se muestra un brillo blanco que rodea el textarea, como logro eso?

Gracias de antemano.

[snahor_]

La solucion sencilla y sin usar js, es usar css3. El borde brilloso que mencionas es el box-shadow [0], no recuerdo que navegadores y versiones pueden usarlo, pero IE6 y IE7 olvidalos. El borde amarillo se da en chrome, en safari es celeste; esto se llama outline y no se presenta cuando haces click, sino cuando el elemento recibe el foco (no es lo mismo). El outline normalmente lo reseteas para lograr resultados similares en los diferentes navegadores.

Puedes revisar estos ejemplos de box-shadow [2] y para lo del borde, outline o lo que quieras en el "click" se hace con el selector ":focus" [3]. En el :focus es donde vas a agregar el box-shadow, outline, border, background, etc. Este ejemplo [4] seguro es lo que quieres.

[0] http://www.w3.org/TR/css3-background/#box-shadow
[1] http://www.w3.org/TR/CSS2/ui.html#dynamic-outlines
[2] http://www.css3.info/preview/box-shadow/
[3] http://www.w3schools.com/css/pr_pseudo_focus.asp
[4] http://blog.gesteves.com/post/475773360/css-glow-effects-with-box-shadow

[Ciel]

Muchisimas Gracias snahor, es justamente lo que buscaba ^^