☰

深色 xfce 主题使 Firefox 中的元素变黑 - userContent.css 不够用

tag-icon • tag-icon firefox themes xfce
深色 xfce 主题使 Firefox 中的元素变黑 - userContent.css 不够用

我正在为 XFCE 使用深色主题，并且随着 DE 的出现，firefox 的默认 css 也发生了变化。我尝试通过创建文件 ~/.mozilla/firefox/chrome/userContent.css 并粘贴一些 css 来修复它 - 它有点起作用，但仍有许多元素无法正确显示（例如下拉菜单、单选按钮、复选框等）。即使这些元素包含在我的自定义 css 中。问题不是由我的 css 被网站的 css 覆盖引起的。那么有办法解决这个问题吗？

我的userContent.css：

    input {
    border: 2px inset white;
    background-color: white;
    color: black;
}

textarea {
    border: 2px inset white;
    background-color: white;
    color: black;
}

select {
    border: 2px inset white;
    background-color: white;
    color: black;
}

input[type="radio"],
input[type="checkbox"] {
    border: 2px inset white ! important;
    background-color: white ! important;
    color: ThreeDFace ! important;
}

*|*::-moz-radio {
    background-color: white;
}

button, 
input[type="reset"],
input[type="button"],
input[type="submit"] { 
    border: 2px outset white;
    background-color: #eeeeee;
    color: black;
}

body {
    background-color: white;
    color: black;
    display: block;
    margin: 8px;
}

黑色元素的示例：

一些随机网站 谷歌表单 askubuntu.com 上的“添加图像”对话框

答案1

您需要添加-moz-appearance: none;到所有 CSS 规则。

如果仅此一项还不行，您就必须对 gtk-2.0 主题进行修复。请查看以下答案：如何修复 Firefox 的深色主题外观？

相关内容