Categories




PreviousNext
Style the Element that has Focus in a Form - CSS Tricks    
 Send mail Views:136
Belongs to : CSS
Facebook Bookmarkbookmark this page Digg Bookmark Delicious BookmarkStumbleupon Bookmarkshare with orkut Post to Google Buzz

Style the Element that has Focus in a Form

A nice usability tip is to let people filling out a form know which input currently has focus. You can do this easily using the :focus pseudo-selector

input:focus { border: 2px solid green; }


This way your users will know exactly which field is ready for input

Pictures and Videos
Online Calculators
embed code


By - Rekha, On - 2010-03-30
Send This
PreviousNext

User Comments


Add NEW Feedback:

Name :     Email :

 Server Monitoring Web hosting by Hiox India Privacy Policy Terms and Conditions