Input text (sometimes) not visible when typing
I've having this issue for some time already. When I type into some input boxes, the text I type is not visible, but when I highlight it, I can see it. On some pages it's okay, but on others text is white for some reason, so I can't read it on white background. I run firefox on Debian 10. In screenshot I have illustration of the issue from www.debian.org. The first thing that came into my mind was to some it by configuring some values in "about:config", but I don't know which. Thank you!
All Replies (1)
I think this is the filter problem: both address autofill and login autofill apply a CSS filter to the form to show (via the background color) that it was autofilled. That seems to hide the text for some users.
Possibly the underlying issue is an incompatibility with your graphics card/chipset driver software. You could try: Upgrade your graphics drivers to use hardware acceleration and WebGL.
If that doesn't work, unless there is a new setting in Firefox 68+ to remove the highlighting, there are two possible approaches to overriding that styling:
(1) Remove filters from all input fields
If you have an extension like Stylus, you can create a new user style applicable to all sites that has this CSS code:
/* Remove filter on all fields */
input {
filter: unset !important;
}
The possible problem there is that some sites might use filters to improve the appearance of forms and this would set them back to their default. Perhaps there are very few sites like that anyway??
(2) Override the filter only on autofilled fields
This is a bit more surgical, but more complicated to set up because you need to create a userContent.css file. The code would be:
/* Remove color effect filter on autofilled fields */
:-moz-autofill {
filter: unset !important;
}
(I couldn't make that work using Stylus.)
Let me know if you want details on setting up a userContent.css file.