firefox使用深色GTK主题时文本区域故障(vertex主题输入框字体为白色，看不清)

最新推荐文章于 2026-06-24 17:59:30 发布

转载最新推荐文章于 2026-06-24 17:59:30 发布 · 2.1k 阅读

标签

#firefox #字体 #gtk

diary 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了解决Firefox浏览器在使用深色GTK主题时，部分网站输入框和文本区域文字不可见的问题。通过修改userContent.css文件，可以自定义输入框、文本区域的颜色配置。

转载自：https://wiki.archlinux.org/index.php/Firefox_%28%E7%AE%80%E4%BD%93%E4%B8%AD%E6%96%87%29#.E4.BD.BF.E7.94.A8.E6.B7.B1.E8.89.B2GTK.E4.B8.BB.E9.A2.98.E6.97.B6.E6.96.87.E6.9C.AC.E5.8C.BA.E5.9F.9F.E6.95.85.E9.9A.9C

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

使用深色GTK主题时，可能看不到某些网站输入框和文本区域的文字（白底白字）。这可能是因为某些网站只设置了背景色或文本色，而Firefox主题使用了一样的颜色。

可以在~/.mozilla/firefox/xxxxxxxx.default/chrome/userContent.css设置所有网页的标准色彩配置。

下列代码设置输入框默认白底黑字，默认设置不会覆盖网站自己的设置：

input {
    -moz-appearance: none !important;
    background-color: white;
    color: black;
}

textarea {
    -moz-appearance: none !important;
    background-color: white;
    color: black;
}

select {
    -moz-appearance: none !important;
    background-color: white;
    color: black;
}


＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
此方法，我亲自测试可行。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

下列代码强制设置色彩（设置 > 内容 > 颜色中的“允许页面选择显示颜色而无需使用上面的设置”）：

input {
    -moz-appearance: none !important;
    background-color: pink !important;
    color: green !important;
}

textarea {
    -moz-appearance: none !important;
    background-color: pink !important;
    color: green !important;
}

select {
    -moz-appearance: none !important;
    background-color: pink !important;
    color: green !important;