KDE dark theme and firefox 2.x / 3.x userContent.css

If you’ve problems with black background in select or input field using a dark kde theme and firefox, here’s the solution.

Go to ‘~/.mozilla/firefox/yourprofile/chrome/’ and generate a userContent.css file if it doesn’t exists yet. Copy and paste the following code into it:

input {
border: 2px inset white;
background-color: white;
color: black;
-moz-appearance: none !important;
}

textarea {
border: 2px inset white;
background-color: white;
color: black;
-moz-appearance: none !important;
}

select {
border: 2px inset white;
background-color: white;
color: black;
-moz-appearance: none !important;
}

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

*|*::-moz-radio {
background-color: white;
-moz-appearance: none !important;
}

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

body {
background-color: white;
color: black;
display: block;
margin: 8px;
-moz-appearance: none !important;
}

Firefox 3
• https://bugzilla.mozilla.org/show_bug.cgi?id=433885
• http://developer.mozilla.org/En/CSS:-moz-appearance

Firefox 2

• http://www.mozilla.org/unix/customizing.html