Efecto Textarea

[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