Firefox is making some text / input boxes white text on white background
I have not run firefox on this machine before. I didn't sign in to sync or anything, so this is a clean install. I didn't change any default settings. I have no add-ons or extensions. I am running in Safe Mode. I also already used the 'Reset Firefox' button before reporting this:
Most text input boxes, no matter what page / domain they are on, are showing white text on white background. From playing around for a bit, I think (for whatever reason / bug) input elements are choosing white for the text unless there is a CSS override in the element itself. Default or parent element CSS color options are being detected but overridden by white:
I have screenshots showing the different combinations of color options (system colors, page specified colors) enabled or disabled and how it doesn't effect this problem. The screenshots also show the developer console showing that the CSS rules the input element inherit specify a color, but it ends up choosing rgb(255,255,255) instead.
This doesn't only happen on google domains, it even happened on this bug report page. I had to use developer tools to override the element's color to get this text to show up to report this!
All Replies (5)
Hello,
Try disabling graphics hardware acceleration. Since this feature was added to Firefox, it has gradually improved, but there still are a few glitches.
You might need to restart Firefox in order for this to take effect, so save all work first (e.g., mail you are composing, online documents you're editing, etc.).
Then perform these steps:
- Click the orange Firefox button at the top left, then select the "Options" button, or, if there is no Firefox button at the top, go to Tools > Options.
- In the Firefox options window click the Advanced tab, then select "General".
- In the settings list, you should find the Use hardware acceleration when available checkbox. Uncheck this checkbox.
- Now, restart Firefox and see if the problems persist.
Additionally, please check for updates for your graphics driver by following the steps mentioned in the following Knowledge base articles:
Did this fix your problems? Please report back to us!
Thank you.
If web pages do not specify a (background) color then the default colors are used.
Note that some websites may be assuming the defaults to be black text on white background and you may end up with black text on black background if only the text color is specified and black background is assumed.
Check the default colors.
- Edit > Preferences > Content : Fonts & Colors > Colors : [X] "Allow pages to choose their own colors, instead of my selections above"
See also:
I tried this but still have the problem. I have hardware acceleration off, no themes or addons and am running in safe mode.
I tried all combinations of system and / or webpage color checkboxes enabled or disabled and didn't find a fix.
I run KDE with a dark colorscheme. When I switch to a light colorscheme the problem goes away, and it reappears when I switch back to the dark scheme. Sounds like a KDE/GTK integration bug that is somehow causing the CSS to be computed incorrectly...