Created
August 15, 2013 22:46
-
-
Save mikekoro/6245662 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<form class="custom"> | |
<div class="row"> | |
<div class="large-4 columns"> | |
<label for="radio1"><input name="radio1" type="radio" id="radio1" style="display:none;" CHECKED><span class="custom radio checked"></span> Radio Button 1</label> | |
<label for="radio1"><input name="radio1" type="radio" id="radio1" style="display:none;"><span class="custom radio"></span> Radio Button 2</label> | |
<label for="radio1"><input name="radio1" type="radio" id="radio1" disabled style="display:none;"><span class="custom radio"></span> Radio Button 3</label> | |
</div> | |
<div class="large-4 columns"> | |
<label for="checkbox1"><input type="checkbox" id="checkbox1" style="display: none;"><span class="custom checkbox"></span> Label for Checkbox</label> | |
<label for="checkbox2"><input type="checkbox" id="checkbox2" CHECKED style="display: none;"><span class="custom checkbox checked"></span> Label for Checkbox</label> | |
<label for="checkbox3"><input type="checkbox" CHECKED id="checkbox3" style="display: none;"><span class="custom checkbox checked"></span> Label for Checkbox</label> | |
</div> | |
<div class="large-4 columns"> | |
<label for="customDropdown1">Medium Example</label> | |
<select id="customDropdown1" class="medium"> | |
<option DISABLED>This is a dropdown</option> | |
<option>This is another option</option> | |
<option>This is another option too</option> | |
<option>Look, a third option</option> | |
</select> | |
</div> | |
</div> | |
</form> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment