CSS Toggle Switches


Well-known member
You can make some pretty slick toggle switches with form controls in pure CSS (no JavaScript used at all).

As an example I use them here: https://outgress.com/portals/ (the green distance option and the grey toggles at the top are basically radio buttons underneath it all).

Some other examples: https://ghinda.net/css-toggle-switch/

Could be used for checkboxes, radio buttons, tabs, etc.

Did I mention there's no JavaScript needed and that it's purely CSS styling? lol