Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

본 사이트는 여러분의 사용자 경험을 개선하기 위해 유지 보수를 진행하는 동안 기능이 제한됩니다. 도움말로 문제가 해결되지 않고 질문을 하고 싶다면 Twitter의 @FirefoxSupport 및 Reddit의 /r/firefox 채널을 활용하세요.

Mozilla 도움말 검색

고객 지원 사기를 피하세요. 저희는 여러분께 절대로 전화를 걸거나 문자를 보내거나 개인 정보를 공유하도록 요청하지 않습니다. "악용 사례 신고"옵션을 사용하여 의심스러운 활동을 신고해 주세요.

자세히 살펴보기

KDE dark theme is troubling readability

more options

I have the same troubles that this guy: https://support.mozilla.org/en-US/questions/814083

Or this guy: http://hicksdesign.co.uk/journal/tweaking-firefox-with-css

I do not know how to force Firefox to stylise my inputs with a white background-color :

I have written this: textarea, input, select {

  background-color: #FFFFFF !important;
  color: #000000 !important;
 -moz-appearance: none !important;

}


But that's not working.

Can you please give me a solution. I really prefer dark themes. :)

I have the same troubles that this guy: https://support.mozilla.org/en-US/questions/814083 Or this guy: http://hicksdesign.co.uk/journal/tweaking-firefox-with-css I do not know how to force Firefox to stylise my inputs with a white background-color : I have written this: textarea, input, select { background-color: #FFFFFF !important; color: #000000 !important; -moz-appearance: none !important; } But that's not working. Can you please give me a solution. I really prefer dark themes. :)

선택된 해결법

nils.acrimont wrote:

That's it! Many thanks! :)

You're welcome ^_^

nils.acrimont wrote:

Why do you just not recommand to use custom css? Seems better to me than installing a new add-on

As long as you managed to get it to work, there's no problem.

I don't recommend either userContent.css or userChrome.css because

  • On Windows, file extensions are hidden by default, so users often end up naming the files userContent.css.txt / userChrome.css.txt
  • The file names are case-sensitive. A single typo makes them not work (e.g. UserChrome.css instead of userChrome.css).
  • The files must be placed in a specific folder. This folder in turn must be placed under the profile folder, which isn't easy for everyone to find. Its name is again case-sensitive.
  • Firefox must be restarted for the changes to take effect. Styles applied with Stylish take effect immediately. If you semi-frequently install or modify styles, this is a huge plus.
  • Stylish lets you preview styles instantly before applying them. If you make a mistake in userChrome.css / userContent.css, you have to edit the files, restart Firefox and see if that helped, and if not, do it over again.
  • Previewing styles in Stylish shows you if there are any CSS errors that would make the style not work.
  • With Stylish, you can install any style from http://userstyles.org with the click of a button. These styles can be checked for updates from the Add-ons Manager, just like add-ons.
문맥에 따라 이 답변을 읽어주세요 👍 0

모든 댓글 (3)

more options

That should work fine. There are mainly two ways to go about it.

  1. Install Stylish and restart Firefox when prompted.
  2. Click the Stylish icon on the navigation toolbar and choose Write New Style, then Blank style.
  3. Paste the following in the text box, give the style a name, then click the Save button.

textarea, input, select {
  background-color: white !important;
  color: black !important;
 -moz-appearance: none !important;
}

If you don't want to install an add-on, you can use the userContent.css file instead, but I don't recommend it.

1. Start a text editor like Kate. 2. Paste the following in a new file.


textarea, input, select {
  background-color: white !important;
  color: black !important;
 -moz-appearance: none !important;
}

3. Save the file as userContent.css to your desktop. Note that the file name is case-sensitive. 4. In Firefox, type about:support into the address bar and press Enter. 5. Click the Show Folder button. Your Firefox profile folder opens in your file manager. 6. Create a new folder called chrome — again note the name is case-sensitive. 7. Move the userContent.css file from the desktop into the chrome folder. 8. Restart Firefox for the changes to take effect.

more options

That's it! Many thanks! :)

Why do you just not recommand to use custom css? Seems better to me than installing a new add-on, especially when we know that firefox has been mocked for its poor performance related to add-on (firebug and so on).

Anyway, thank you again, it works now.

more options

선택된 해결법

nils.acrimont wrote:

That's it! Many thanks! :)

You're welcome ^_^

nils.acrimont wrote:

Why do you just not recommand to use custom css? Seems better to me than installing a new add-on

As long as you managed to get it to work, there's no problem.

I don't recommend either userContent.css or userChrome.css because

  • On Windows, file extensions are hidden by default, so users often end up naming the files userContent.css.txt / userChrome.css.txt
  • The file names are case-sensitive. A single typo makes them not work (e.g. UserChrome.css instead of userChrome.css).
  • The files must be placed in a specific folder. This folder in turn must be placed under the profile folder, which isn't easy for everyone to find. Its name is again case-sensitive.
  • Firefox must be restarted for the changes to take effect. Styles applied with Stylish take effect immediately. If you semi-frequently install or modify styles, this is a huge plus.
  • Stylish lets you preview styles instantly before applying them. If you make a mistake in userChrome.css / userContent.css, you have to edit the files, restart Firefox and see if that helped, and if not, do it over again.
  • Previewing styles in Stylish shows you if there are any CSS errors that would make the style not work.
  • With Stylish, you can install any style from http://userstyles.org with the click of a button. These styles can be checked for updates from the Add-ons Manager, just like add-ons.