Creating HTML and CSS Markup - Realtime Web Apps: With HTML5 WebSocket, PHP, and jQuery - page 121

Figure 7-10. The home view now looks like the mockup
Creating Styles for Active and Hovered Form Elements
Because forms are interactive, it's a good idea to provide visual feedback for the users as they hover, click, and tab
through the form elements. To do this, you need to add styles for the :active , :hover , and :focus states of inputs.
Using the highlight color #E06F00 , change the border color of active inputs to indicate where the user is currently
focused, and make the submit buttons turn orange when active or hovered. Include the following code to accomplish this:
/* Highlights
----------------------------------------------------------------------------*/
input:active,input:hover,input:focus {
background-color: #e06f00;
outline: none;
}
input::-moz-focus-inner { border: 0; }