AFAIK, CSS cannot affect the DOM tree. So, display: none just says the element should not be displayed, not that it should cease to exist. Style/structure separation and all that.

The new CSS accent-color option allows you to target these elements. For example, you could apply a magenta color to all the radio buttons on your page, as shown in Listing 3 (also see this live ...