Skip to content

Instantly share code, notes, and snippets.

@jonsan32

jonsan32/Checkbox Image

Created March 11, 2013 20:30
Show Gist options
  • Save jonsan32/5137456 to your computer and use it in GitHub Desktop.
Save jonsan32/5137456 to your computer and use it in GitHub Desktop.
Download ZIP
This replaces the checkbox with an image.
Raw
Checkbox Image
<html>
<head>
<title>Checkbox</title>
<style>
input[type=checkbox] {
display:none;
}
input[type=checkbox] + label
{
background: #999;
height: 16px;
width: 16px;
display:inline-block;
padding: 0 0 0 0px;
}
input[type=checkbox]:checked + label
{
background: #0080FF;
height: 16px;
width: 16px;
display:inline-block;
padding: 0 0 0 0px;
}
</style>
</head>
<body>
<p>
<input type='checkbox' name='thing' value='valuable' id="thing"/><label for="thing"></label>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment