Why can't I edit the border on input type radio [solved]

Question

https://code.sololearn.com/Wdy1n1n2PMx6/?ref=app

Answer 1

You first have to nuke the default appearance with:

appearance:none;

Then you can edit pretty much everything...

useful links:
https://moderncss.dev/pure-css-custom-styled-radio-buttons/

https://markheath.net/post/customize-radio-button-css

https://www.w3schools.com/howto/howto_css_custom_checkbox.asp

also this:
https://code.sololearn.com/WVkaiF9ySB48/?ref=app

https://code.sololearn.com/W82m0jcGDa5I/?ref=app

Answer 2

Bob_Li well that more than sums it up, appreciated