Glow on focus effect

http://stackoverflow.com/questions/6928708/adding-glow-effect-to-input-boxes-and-buttons/6931720#6931720

by veger

HTML

First name: <input type="text" class="glow" /><br />
Last name: <input type="text" class="glow" /><br />
Text: <textarea class="glow"></textarea>

CSS

/* Default styles for the elements */
input, textarea {
    border: 1px solid black;
}

/* Hovering style */
.glow:hover {
    border: 1px solid green;
}

/* Style for the focussed elements */
.glow:focus {
    box-shadow: 0px 0px 20px #FE2E2E;
    -moz-box-shadow: 0px 0px 20px #FE2E2E;
    -webkit-box-shadow: 0px 0px 20px #FE2E2E;;
}