Hi,
The radio buttons you mentioned are part of the WooCommerce plugin. WooCommerce uses the standard <input type="radio">
tag to implement its functionality. By default, the <input type="radio">
tag inherits its design from the browser, which means radio buttons may look different depending on the browser.
Examples:
• Chrome: https://monosnap.com/file/6Idkqri3sgAsXixGHgmLZUAvgheK9z
• Firefox: https://monosnap.com/file/EovxeRY1gE73EGm6IunoktEOSn5mV4
• Safari: https://monosnap.com/file/kNqI8AAq7wOXsRvWsUO2wjXOzNzlpS
• Edge: https://monosnap.com/file/mmSiN8pcBCK0DJz0gU6MayDOr4p9A7
Unfortunetely, since <input type="radio">
is rendered differently across browsers, we cannot provide a simple universal styling solution for these radio buttons and any other custom solution would require complex code and might affect WooCommerce compatibility in future updates.
Kind Regards