web-dev-qa-db-ja.com

暗いxfceテーマにより、Firefoxの要素が黒になります-userContent.cssでは不十分です

XFCEにはダークテーマを使用しており、DEとともにfirefoxのデフォルトのCSSが変更されています。ファイル〜/ .mozilla/firefox/chrome/userContent.cssを作成し、いくつかのcssに貼り付けることで修正しようとしました。ボタン、チェックボックス、...）。これらの要素でさえ、私のカスタムCSSに含まれています。この問題は、私のcssがWebサイトの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;
}

黒い要素の例：

some random websitegoogle forms"add image" dialog on askubuntu.com

firefoxthemesxfce
2
curusarn

すべてのCSSルールに-moz-appearance: none;を追加する必要があります。

それだけではうまくいかない場合は、gtk-2.0テーマに修正を追加する必要があります。次の答えを確認してください： Firefoxの外観をダークテーマで修正する方法

3
dllud