Streaming live at 10am (PST)

Radio Buttons - Custom CSS Style


#1

Hi,

I was looking for a solution to allow me to customise the look of the radio buttons on my website.

Here’s a simple JSFiddle which uses custom css to restyle the radio buttons. I’m not 100% sure how it works but I found it somewhere and I was able to tweak it to make it work just as I wanted.

https://jsfiddle.net/6e7jnh1h/

This is how they normally appear in Webflow
https://jsfiddle.net/qw6r5xpd/


#2

Here are some more options on how to style checkboxes and radios with images.

The solution in action from @vincent
https://forum.webflow.com/clicks/track?url=http%3A%2F%2Fcustomize-form.webflow.io%2F&post_id=215335&topic_id=53660

Discussions about the topic.


#3

Here’s another solution http://css-checkboxes.webflow.io


#4

@nwdsha @matthewpmunger

nice solutions! better than mine i think!