CSS text box set focus

CSS text box set focus

<style>
input.text {
 width: 35%;
 border: 1px solid #BFBFBF;
 font-size: 13px;
 color: #222;
 padding: 5px;
 vertical-align: middle;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 margin-top: 5px;
 margin-right: 0px;
 margin-bottom: 8px;
 margin-left: 0px;
}
input:focus { background-color: #F2F2F2; border: 1px solid #999999;}
input.text.big { width: 30%;}


</style>

   Username
   
   Password
   

Demo

http://creativedesign-mind.com/r-ednalan/demo/CSStext-box-set-focus.html