input focus fiddle

by uday99

HTML

<div class="content"><input type="text" class="text" value="" placeholder="Username" /></div>

CSS

.content { margin: 10px 10px 5px

}
input:focus {
   /* background: #ccc;  */
    box-shadow: 0 0 5px #07c;
    outline: none;
    border: 1px solid #07c;

}