Pizza Order Form: Focus Styling
focus styling the similar to harmonize look and feel of styling between interaction techniques.
focus styling has a border and
hover does not.
focus styling used a 2px
outline width to make the control with focus salient to users.
- Need to use
onblur events to create focus styling of radio buttons and checkboxes with their labels.
- Styling background color also makes the change in focus much easier to detect visually.
- Do not set
hover styling for
HTML Source Code
CSS Source Code