HTML and CSS Reference
In-Depth Information
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; }
Search WWH ::

Custom Search