custom-forms-migration4.html

<!-- Radio Inputs -->
<form class="custom">
  <label for="radio1">
    <input name="radio1" type="radio" id="radio1" style="display:none;">
    <span class="custom radio"></span> Radio Button 1
  </label>
</form>

<!-- Checkboxes -->
 <form class="custom">
  <label for="checkbox1">
    <input type="checkbox" id="checkbox1" style="display: none;">
    <span class="custom checkbox"></span> Label for Checkbox
  </label>
</form>

<!-- Select Lists -->
<form class="custom">
  <label for="customDropdown">Medium Example</label>
  <select id="customDropdown">
    <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>
</form>