This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

What is the userChrome entry for the border around input boxes?

  • 3 replies
  • 3 have this problem
  • 1 view
  • Last reply by vanberghem

more options

I run KDE with a dark theme, and the input boxes in Firefox 31 are black with white text, which is annoying. I learnt to edit the userChrome file and add:

input { background-color: white !important; color: black !important; }

Now, there is a problem. While it literally makes backgrounds white and texts black, it leaves an *ugly* black border! I took a snapshot, if you want to look: http://linuxmusicians.com/download/file.php?id=490

What is the name of that black thing, in the userChrome file? How can I change it to white?

Thanks a lot!

I run KDE with a dark theme, and the input boxes in Firefox 31 are black with white text, which is annoying. I learnt to edit the userChrome file and add: input { background-color: white !important; color: black !important; } Now, there is a problem. While it literally makes backgrounds white and texts black, it leaves an *ugly* black border! I took a snapshot, if you want to look: http://linuxmusicians.com/download/file.php?id=490 What is the name of that black thing, in the userChrome file? How can I change it to white? Thanks a lot!

Chosen solution

Hey, Sorry the attachment is not working, but there was a css you may try:

input { background-color: white !important; color: black !important; border: solid white;}

Read this answer in context 👍 1

All Replies (3)

more options

Chosen Solution

Hey, Sorry the attachment is not working, but there was a css you may try:

input { background-color: white !important; color: black !important; border: solid white;}

more options

Just in case:

userChrome.css - for user interface

userContent.css - for web pages

more options

That solved it, thank you so much!