Skip to content

Instantly share code, notes, and snippets.

@joliveras

joliveras/CSS: Checkbox styled

Created July 3, 2014 12:31
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save joliveras/edc23e96a5970ca67beb to your computer and use it in GitHub Desktop.
Save joliveras/edc23e96a5970ca67beb to your computer and use it in GitHub Desktop.
Download ZIP
CSS: Checkbox styled
Raw
CSS: Checkbox styled
input[type="checkbox"]{
display: none;
}
input[type="checkbox"] + label:before{
content: "";
background-color: #fff;
width: 16px;
height: 16px;
display: inline-block;
margin: 0 0.5em 0.2em 0;
vertical-align: middle;
}
input[type="checkbox"]:checked + label:before{
content: "\2713";
line-height: 1em;
font-size: 1em;
text-align: center;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment