Published
November 23, 2022
Updated
September 29, 2024
Since Sep-2019, Webflow offers the built-in capability to do custom styling on radio buttons and checkboxes;
- Feature Announcement - Webflow
- Feature - Webflow
- Video demo - Matthew Munger ( Webflow )
- Cloneables - Webflow
Radio Buttons
https://webflow.com/updates/customize-form-checkboxes-and-radio-buttons#:~:text=To%20enable%20custom%20styling%2C%20enable,want%20to%20keep%20things%20simple.)
Also refer to Mike Pecha's video below, as the principles for checkbox styling should carry over to radio buttons.
Checkboxes
Mike Pecha has an excellent tutorial here on the basics of custom styling checkboxes.
https://www.youtube.com/watch?v=mu7E3qLZrp4&ab_channel=MikePecha
Notes
Other approaches
In case that doesn't do the trick, here are some older tecnique references for styling radio buttons & checkboxes;
