Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Èròjà atẹ̀lélànà yii ni a ti fi pamọ́ fọ́jọ́ pípẹ́. Jọ̀wọ́ béèrè ìbéèrè titun bí o bá nílò ìrànwọ́.

Text in input boxes is often white on white background

  • 2 àwọn èsì
  • 1 ní ìṣòro yìí
  • 15 views
  • Èsì tí ó kẹ́hìn lọ́wọ́ timo_browsing

more options

Since updating to macOS Big Sur, I noticed that on some websites I can't see the text I'm typing into input fields. It appears as white text on a white background, only when I select it, I can see it. The weird thing is that it doesn't happen on every website.

The problem occurs on websites when I'm using the macOS Dark Mode. But when I switch to Light Mode, the problem actually becomes worse and the address bar also becomes illegible.

I've already tried refreshing Firefox but that didn't help.

Since updating to macOS Big Sur, I noticed that on some websites I can't see the text I'm typing into input fields. It appears as white text on a white background, only when I select it, I can see it. The weird thing is that it doesn't happen on every website. The problem occurs on websites when I'm using the macOS Dark Mode. But when I switch to Light Mode, the problem actually becomes worse and the address bar also becomes illegible. I've already tried refreshing Firefox but that didn't help.
Ìsopọ̀ yíyà aṣàfihàn

All Replies (2)

more options

There are always issues possible when you use dark mode or modify the default colors in Options/Preferences if a webpage only specifies one of the (text and background) colors and assume that the other is what you would expect in normal mode (black text on white background).

You can check in the Inspector what CSS rules the website uses for the colors of a button or input field to see what colors they specify.

You can right-click and select "Inspect Element" to open the builtin Inspector with this element selected.

more options

That's the weird part: the text color should be black according to CSS. The issue seems to be specific to Firefox, I don't have the same problem using Dark Mode with Safari or Chrome.

Since the problem also occurs in the Firefox UI (see the address bar example in my first post), I think the problem is somewhere else than CSS.