Skip to content

Instantly share code, notes, and snippets.

@mikekoro
Created August 15, 2013 22:46
Show Gist options
  • Save mikekoro/6245662 to your computer and use it in GitHub Desktop.
Save mikekoro/6245662 to your computer and use it in GitHub Desktop.
<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