How to style radio button once pressed

Design help Custom code
1

https://preview.webflow.com/preview/beaufort-12?preview=25ef7d878eea2c7be62ed2dc9b0e0747

I have added a form to this dynamic page http://beaufort-12.webflow.io/basics/nostrum-aperiam which includes two radio buttons (Yes, thanks! and No, not really). I have hidden the round radio buttons and styled them to fit the design. This works technically but the problem is that I can’t figure out a way to style the button after it has been pressed. Ideally it should stay the darker colour that appears on hover.

Any help would be gratefully received!

Thanks

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like
2

this might help:

the CSS code you’re looking for is

input[type="radio"]:checked {
  /*put your style here*/
}
1 Like
3

I’m trying to do the same thing.

Thanks for the pointer @PixelGeek - however I can’t get it to work, unfortunately. I’m unsure how to even go about this, because the radio button element is inside of the ‘Radio Button Field’ - which is the one I want to style differently, when the radio button is checked.

Would appreciate any help!

PS: big fan! Learned a ton from your videos and live streams already <3