Creating A Glow Around The Textbox

[Jmarton1]

You may have noticed a “glowing” trend lately if you use Salesforce or Twitter. A lot of online forms now feature a distinct color border around text box fields in order to help make them stand out.

Here is how you can add glow to your textboxes.

.input:focus {

-moz-box-shadow: 0 0 3px #8AB1F6; /*for early versions of firefox */

-webkit-box-shadow: 0 0 3px #8AB1F6;

box-shadow: 0 0 3px #8AB1F6;

outline: #8AB1F6 solid 3px; /*for chrome compatability */

border: 1px solid #8AB1F6;

}