Os temas xfce escuros tornam os elementos pretos no firefox - userContent.css não é suficiente

Question

Estou usando o tema escuro para o XFCE e, junto com o DE, o CSS padrão do Firefox mudou. Tentei consertá-lo criando o arquivo ~ / .mozilla / firefox / chrome / userContent.css e colando em alguns css - funcionou, mas ainda há muitos elementos que não são exibidos corretamente (por exemplo, menus suspensos, rádio botões, caixas de seleção, ...). Mesmo tu estes elementos estão incluídos no meu css personalizado. O problema não é causado pelo meu css ser substituído pelo css do site. Então, há uma maneira de corrigir isso?

Meu 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;
}

Exemplos de elaments negros:

    

Answer 1

Você precisa adicionar -moz-appearance: none; a todas as suas regras de CSS.

Se isso não for o caso, você terá que adicionar uma correção ao seu tema gtk-2.0. Verifique a resposta para: Como corrigir a aparência do firefox com um tema sombrio