Input field text is very hard to see on Firefox
See original GitHub issueThis issue only affects Firefox and works fine on Chrome/Chromium & Tor Browser
The Issue & Potential Solution
The gif below (click for full resolution) shows how the text in form fields (input
tag) appears in Firefox (on the left) vs. Chromium (on the right). In messing around with the CSS I found that the font-weight
property is what is affecting this and it seems to have no effect in Chromium-based browsers.
This seems like it could be a pretty easy fix to help Firefox users without affecting other Browser users so I thought I’d submit here for consideration.
Thanks again for a really great product! 😍
Issue Analytics
- State:
- Created 2 years ago
- Comments:6
Top Results From Across the Web
the input fields are hard to find | Firefox Support Forum
1esr on my Macbook Pro, I cannot find the text input boxes. There is no outline visible at all until I click somewhere...
Read more >Firefox line-height issue with input fields - css - Stack Overflow
What I discovered is that Firefox has a default line-height value of 1.2 for input fields which can not be changed. At least...
Read more >Help, Firefox issues - Can't click inside form fields - SitePoint
I am having some strange issues I have never encountered with firefox right now. I have never had this before in my 14...
Read more >3 Steps That Help Style HTML Text Input for All Common Web ...
At first site, we see that all text inputs look very similar, except in Safari, and the element length varies from browser to...
Read more >Disable system style for Firefox form input elements
I'm quite happy with it. However, Firefox seems to inherit certain system colors for its form input elements, making them very difficult to...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
OK, thanks for testing that. I think @k9ert could reproduce it under Linux as well, Kim can you check whether adding
input[value]{color: #fff;}
helps?Thanks for the link, @go-brrr.