Super User is a question and answer site for computer enthusiasts and power users. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

The input filed color in my Firefox is light gray on white background, which obviously is unreadable. I am using a dark theme, and firefox seems to take over the text color, while keeping its white background.

Anyway, I was wondering if I could change it, so that firefox uses black color for the input field text.

share|improve this question

migrated from Aug 17 '13 at 7:13

This question came from our site for power users of web applications.

up vote 3 down vote accepted

Just create/edit ~/.mozilla/firefox/YOUR-PROFILE/chrome/userContent.css so it includes:

input, textarea {
   color:#000 !important;

personally I also like to ensure that the background is white, and make the text a dark grey so it's softer, so I have mine set to:

input, textarea {
   color:#555 !important;
   background-color:#fff !important;

Note: You'll need to quit and restart Firefox before the changes show up.

share|improve this answer
that works great, thank you so much. Your solution is elegant and simple. And I don't need to install any addons. – Martin Vegter Jun 2 '14 at 16:16
I have one more related question – Martin Vegter Jun 3 '14 at 19:06

One alternative is to use a Greasemonkey script:

// ==UserScript== 
// @name           Style Corrector
// @author         Nufros (loosely based on Color Corrector by Erik Nomitch)
// @description    Style Corrector (by Nufros) allow you to edit colors, (...)
// @namespace
// @include        *
// @exclude        http://**
// @exclude        http://*.myspace.tld/*
// @exclude        http://*.youtube.tld/*
// ==/UserScript==

// Visit the script's page for the full script

GM_addStyle("input { color: #bfbfbf; background-color: #222222 !important; }");
GM_addStyle("textarea { color:#bfbfbf; background-color: #222222 !important;}");
share|improve this answer
could you please be more specific, as to how I should "use Greasemonkey script" ? I have no idea what that means – Martin Vegter Aug 17 '13 at 19:41
1. install the greasemonkey addon. 2. install the above script. This kid has figured it out, if you need more details. – Ярослав Рахматуллин Aug 22 '13 at 0:41

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .