Den här webbplatsen har begränsad funktionalitet medan vi utför underhåll för att förbättra din upplevelse. Om en artikel inte löser ditt problem och du vill ställa en fråga har vi vår gemenskap som väntar på att hjälpa dig på @FirefoxSupport på Twitter, /r/firefox på Reddit.

Sök i support

Akta dig för supportbedrägerier: Vi kommer aldrig att be dig att ringa eller skicka ett sms till ett telefonnummer eller dela personlig information. Rapportera misstänkt aktivitet med alternativet "Rapportera missbruk".

Läs mer

Linux Dark Theme userContent.css

  • 4 svar
  • 24 har detta problem
  • 1 visning
  • Senaste svar av gfx010

more options

Greetings,

I'm using Firefox 4.0 in Fedora Linux/Gnome When I use a dark gtk theme, the input boxes, textboxes, radio buttons, checkboxes, etc.. become black, In Firefox 3.0 I used to make a userContent.css profile to override these and it worked, but the same userContent.css doesn't seem to work for everything in Firefox 4, I still get black radio boxes, check boxes, drop down menus, etc...

Greetings, I'm using Firefox 4.0 in Fedora Linux/Gnome When I use a dark gtk theme, the input boxes, textboxes, radio buttons, checkboxes, etc.. become black, In Firefox 3.0 I used to make a userContent.css profile to override these and it worked, but the same userContent.css doesn't seem to work for everything in Firefox 4, I still get black radio boxes, check boxes, drop down menus, etc...

Alla svar (4)

more options

Which code are you using?

Did you check the Tools > Error Console for errors?

You may need to add the -moz-appearance: none !important; rule to make the code work.

more options

Input boxes, textboxes are fixed, but I still have black checkboxes, black radio buttons and black dropdown menus, here's an example: http://i52.tinypic.com/jpiv4l.png I'm using Linux Fedora/Gnome, and Firefox 4.0

Here's the userContent.css

--- EDIT --- Actually Checkout the post below this one.

Ändrad av gfx010

more options

Ok here's the same code but spaced for more clearance:


body {

background-attachment: scroll !important;

}


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;

}

more options

So you know what might be causing this problem?