When I turn on the contrast theme in Win11, the radio button check box on some sites becomes invisible.

This time, we will introduce the cause and solution for when the check mark on the radio button of some sites becomes invisible in browsers such as Microsoft Edge and Google Chrome when the contrast theme is turned on in Windows 11.

table of contents

Causes and solutions for when the radio button check box on some sites disappears in the browser

Cause

The reason why the radio button check box is not visible on some sites is because the radio button has a style specified.

For example, Yahoo! AnswersIf you check the "Thank you for the best answer" radio button in the question above using the developer tools, you will see that a class is specified for the Input element.

If you remove the class specified for the Input element in the developer tools, a checked radio button will appear.

If you remove the class, a check mark will appear on the radio button.
If you remove the class, a check mark will appear on the radio button.

If you further delete the large circle that hides the check, it will look like this.

Before and after changing the HTML code
Before and after changing the HTML code

approach

There are two ways to deal with this:

1. Request from the website

To truly resolve the issue, you need to contact the website.

I'm not sure if they will be able to help you, but you could try asking the website you use to delete or change the style specification.

2. Temporarily enable the selection in your browser settings

For Google Chrome

1. Open Google Chrome and click "︙" in the top right corner > Click "Settings".

2. Click "Accessibility" in the menu on the left.

Accessibility features
Accessibility features

3. Turn on "Highlight items in focus."

Accessibility - "Highlight items in focus"
Accessibility – "Highlight items in focus"

This will cause a border to appear around the radio button when it is selected.

When selected it will be highlighted

However, this frame will disappear immediately (in about 2 seconds), so it is only a temporary function to confirm whether you have made a selection.

For Microsoft Edge

1. Open Microsoft Edge and click "..." in the upper right corner > Click "Settings".

2.Click "Accessibility" in the menu on the left.

Accessibility
Accessibility

3. At the top, turn on "Show a high-visibility outline around the focus area of ​​the page."

Display a highly visible outline around the focus area of ​​the page
Display a highly visible outline around the focus area of ​​the page

This will cause a border to appear around the radio button when it is selected.

When selected it will be highlighted

However, this frame will disappear immediately (in about 2 seconds), so it is only a temporary function to confirm whether you have made a selection.

If you found this article helpful, please share it on social media.

Person who wrote this article

Driven by questions arising from my daily PC use and the desire to "do more," I have been pursuing self-study in Windows since around 2008. I am sharing the "aha!" techniques and solutions I discovered through trial and error with the sole purpose of helping you in your PC life.

View profile

Comment:

To comment

[About submissions]
We welcome any questions or information regarding the content of the article.
However, please note that content unrelated to the purpose of the article, criticism of specific individuals or organizations, offensive language,Inappropriate wordsComments containing the above may be deleted or made private without notice at the discretion of the administrator.
Please note that spam may be automatically deleted by anti-spam measures.

CAPTCHA


table of contents