Radio & checkbox
< Form & co
< Javascript
< WebDev
< votreweb
jQuery radioSwitch — Transformez vos boutons radio en Sliders
Many young guns ask about how to style custom checkboxes and radio buttons in forms. I prepared a typical markup, a few lines of CSS and some JavaScript functions (Safari label behavior fix included). For those in a hurry, go straight to Fancy checkboxes demo page .
The Checkbox and radio button versions of input elements used in forms on the web are amongst the most difficult to style according to your overall web design. These elements will display differently depending on the user’s operating system, but we can change their appearance globally with the help of jQuery.