Skip to content

Instantly share code, notes, and snippets.

@johnnysparks

johnnysparks/radio_button_styled.css

Created May 1, 2013 21:43
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 johnnysparks/5498627 to your computer and use it in GitHub Desktop.
Save johnnysparks/5498627 to your computer and use it in GitHub Desktop.
Download ZIP
Styles for the custom radio button form.
Raw
radio_button_styled.css
#styled input {
display: none;
}
#styled label {
display: inline-block;
}
#styled label p{
text-align: center;
}
#styled input + label > img{
border: 10px transparent solid;
}
#styled input:checked + label > img{
border: 10px #58fe77 solid;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment