E:checked

A user interface element E which is checked (for instance a radio-button or checkbox) (Source: W3C)

HTML:

  1. <input type="checkbox" id="theCheckbox" value="1" />

CSS:

  1. input:checked{margin-left:50px}

Output:

Test of :checked

In the example, the checkbox should move 50px to the right when checked.