Checkboxes customized using CSS
Checkboxes are form elements that are used to select one or more options out of a group of options.
Checkboxes are “customized using CSS” when they are built using the standard HTML code for radio buttons as found in the specification
<input type="checkbox" /> but the standard radio buttons are visually hidden and replaced with CSS images, icon fonts, or specific styles.
There are several ways of achieving this. The example below shows how to simulate the behaviour of standard default HTML checkboxes using CSS pseudo-elements and background images, while ensuring that they remain accessible.