Pizza Order Form: Focus Styling
Features
hover
and 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 border
or outline
width to make the control with focus salient to users.
- Need to use
onfocus
and 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 select
control.
HTML Source Code
CSS Source Code
Javascript Source Code