Demo for a CSS-only ADC 2.0 switch control for multiple questions.
- Switch outer circle background gradient
- Switch inner oval color when normal
- Switch inner oval color when active
- Response item color for hover and active states
I would not open the switch sizing to end-users as it would oblige them to fiddle around with positioning. I would also not open modification of box-shadows as they're set in rgba, it should be fine with whatever color they decide on using.
This demo was successfully tested in Chrome, Firefox, Safari, Opera and IE9+. Haven't had time to test in IE 8 or older but it should work as there are no CSS transforms in this demo.