Text field "glowing" effect like Twitter and Tumblr login pages?

Question

What's the best way to achieve a glowing effect when focusing on a text field in HTML? Can it be done with CSS alone, or does it involve images? Check out the login pages for Twitter and Tumblr for working examples.

Answer 1

Just use the :focus pseudo-class, border and box-shadow:

.text:focus {
    border: 1px solid #07c;
    box-shadow: 0 0 10px #07c;
}

Here's a demo.

Oh, and here's my favorite combination.