Toggle Switches using input radio and CSS3

Here’s a very cool piece of CSS.

Style an input radio button to make it look like a switch button.

This CSS will look great on Chrome, Safari, Firefox, Opera but not Internet Explorer. You might want to create a specific IE stylesheet to style the radio buttons different.





3 Responses to “Toggle Switches using input radio and CSS3”

  1. .css-foo February 6, 2015 at 11:23 pm #

    This is great! Will be awesome if the switch can expand based on the length of the text!

  2. Akash September 5, 2016 at 3:55 pm #


    • Rick September 5, 2016 at 4:16 pm #

      You’re welcome!

Leave a Reply

Add <code> Some Code </code> by using this tags.