为提升您的使用体验,本站正在维护,部分功能暂时无法使用。如果本站文章无法解决您的问题,您想要向社区提问的话,请到 Twitter 上的 @FirefoxSupport 或 Reddit 上的 /r/firefox 提问,我们的支持社区将会很快回复您的疑问。

搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信,及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

详细了解

Fonts are white even if i set them as black explicitly (only in input boxes)

  • 8 个回答
  • 4 人有此问题
  • 1 次查看
  • 最后回复者为 Localhost-29A

more options

Hi, my problem is this :

In all the input boxes (just like these in which i'm writing) the font is white , just as the background and it makes text invisible (i have to select it to be able to read it). If i manually set the colors of background and text, then i dont see boxes and buttons (they turn to the same color of the background, and it makes them invisible). All this is annoying , is there some fix?

PD: I use reverse desktop theme, but it is not like i'm going to change my desktop to make firefox work, i'd change my browser rather than that.

Hi, my problem is this : In all the input boxes (just like these in which i'm writing) the font is white , just as the background and it makes text invisible (i have to select it to be able to read it). If i manually set the colors of background and text, then i dont see boxes and buttons (they turn to the same color of the background, and it makes them invisible). All this is annoying , is there some fix? PD: I use reverse desktop theme, but it is not like i'm going to change my desktop to make firefox work, i'd change my browser rather than that.

由Localhost-29A于修改

被采纳的解决方案

Sorry for the confusion. To make this work on web pages you need to place the code in the userContent.css file without the @namespace line

Add code to the userContent.css file.


button, input, select, select > input[type="button"], textarea {
  -moz-appearance: none !important;
  background-color: red !important;
}

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

See also this article about @-moz-document for website specific code:

定位到答案原位置 👍 1

所有回复 (8)

more options

Give this a look at;

NoSquint {web link} NoSquint allows you to adjust the text-only and full-page (both text and images) zoom levels as well as color settings both globally (for all sites) and per site.

more options

It doesn't change input boxs' (places in which you can write) text fonts.

由Localhost-29A于修改

more options

If you use a dark theme on your Linux distribution then you probably need to use code in userChrome.css to either modify the text color or the background color to black or dark gray. You can leave out selectors that you do not need.

Add code to the userChrome.css file below the default @namespace line.


@namespace url("https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

button, input, select, select > input[type="button"], textarea { color: black !important; }

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

由cor-el于修改

more options

@cor-el what you say would fix my problem but i edit that file manually and nothing happens, then i tried with ChromeEdit Plus and nothing happened neither. I even changed background-color but it makes no effect

more options

You can add the -moz-appearance:none!important; rule to see if that makes it work. You may have to add other style rules to make the button appear properly.

more options

I've tried now this: @namespace url("https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); body {

   -moz-appearance:none !important;
   background-color: red !important;

}

And without !important too and nothing changes, in any page.

more options

选择的解决方案

Sorry for the confusion. To make this work on web pages you need to place the code in the userContent.css file without the @namespace line

Add code to the userContent.css file.


button, input, select, select > input[type="button"], textarea {
  -moz-appearance: none !important;
  background-color: red !important;
}

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

See also this article about @-moz-document for website specific code:

more options

That will do the trick, thanks :)!