Skip to content

Instantly share code, notes, and snippets.

@jaime-olivares

jaime-olivares/checkbox.css

Created April 6, 2020 12:07
Show Gist options
  • Save jaime-olivares/1fb098819c71ae9699e20b0fdf2cb6a3 to your computer and use it in GitHub Desktop.
Save jaime-olivares/1fb098819c71ae9699e20b0fdf2cb6a3 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
checkbox.css
input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
width: 20px;
height: 20px;
border: 1px solid gray;
border-radius: 2px;
outline: none;
vertical-align: middle;
background-color: white;
}
input[type=checkbox]:checked
{
background-color: dodgerblue;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAaCAYAAACgoey0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX9JREFUeNpi+P//PwMNsS4QbwBiLnQ5WlqqAsRP/0PARiBmoYfFkkB8+z8qWALEjLS0mB+IL/3HDibSymJQXB7/jx/UgNSCvU4lwAbEG4DYkwi1WUxUspQZiOcRaSkIWOAKMk0Sg3jaf+IBOIVjMyQWiH8DsR+RljaTYOkBWJ5GNwRk2R+ooh9A7ETA0jwSLL0ATfEYqRpkyVc0xR+A2AyHpdFA/I9IS0F5WhRbAWIEtQQbeAXE6lhC5jeRlj4GYgVsRaYK1HBCmmWgmuyxhAwu8BpaXjNgs/gYkYbcAGIXPCGDDkCOM8eVPkCEFhE+JhX8BGJnfAkTxgC57BOVLAXlihBC2RA9Vf+k0FJQKk8nJv+jCwQi5WNyQAWxpR02wRQS8icy6CKlmMUlUUGipfOQK3lKLAbhdhIKfWZS6258kiAfzCZg6V4gZiOn0UBIAcgn63BYehK50Ke2xQxQH+3FUoqJUtJMIlYhLxAfxVJu09xiWENuMxCrUaNhCBBgAOAVfjALa5TLAAAAAElFTkSuQmCC);
background-size: 15px 15px;
background-repeat: no-repeat;
background-position: center;
border-width: 0px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment