vendredi 2 juin 2017

CSS Radio Button Switch Styling

I've got a slider that is based on a checkbox. It starts off grey and checking it turns it red. http://ift.tt/2rMgIcJ

Is it possible to do the same thing with radio buttons ?

I've got so far using an online example, but I can't see to make it look the same way. It needs to start turned Off and then allow the use to enable it.

This is the example I've got based on

<div class="toggle-radio">
  <input type="radio" name="rdo" id="no" checked>
  <input type="radio" name="rdo" id="yes" >
  <div class="switch">
    <label for="no">No</label>
    <label for="yes">Yes</label>
    <span></span>
  </div>
</div>

http://ift.tt/2slUhbo

Any way to make the radio buttons look like the checkbox slider ?

Thanks




Aucun commentaire:

Enregistrer un commentaire