我的程式碼中有以下程式碼$HOME/.mozilla/firefox/XXXXXXXX.default/chrome/userContent.css：

input, textarea {
color:#000  !important;
background-color: rgb(255, 255, 255) !important;
}

目的是使輸入欄位和文本區域始終為白底黑字。我的桌面主題是深色的，如果沒有這個 hack，firefox 會在深灰色背景上顯示輸入和文本區域黑色文本，這幾乎是不可讀的。

這適用於大多數網站，但某些網站仍像以前一樣顯示（灰色背景上的黑色文本）。例如這個網站。

我已安裝dom inspector並驗證該元素的類型為input. 但是為什麼我的 css 設置會被這個站點忽略呢？

子問題：

是否有一些文件/手冊解釋了這些配置選項？即我怎麼知道關鍵字是background-color和不是background？input另外，除了and之外，我還能配置什麼textarea？

問題是輸入框預設由作業系統呈現，而不是由 css 樣式表呈現。您可以通過 Gecko 特定的非標準 CSS 屬性禁用它-moz-appearance。像這樣使用它：

input, textarea {
 color:#000  !important;
 background-color: rgb(255, 255, 255) !important;
 -moz-appearance: none !important;
}

現在，您所有的輸入框都由 CSS 呈現。

子問題：

是否有一些文件/手冊解釋了這些配置選項？

• Mozilla 開發者網路：-moz-appearance

除了 input 和 textarea 之外，我還能配置什麼？

一切，你想要的，還有另一個名為userChrome.css（在同一文件夾中）的文件，您可以在其中自定義使用者界面的外觀。

我怎麼知道關鍵字 isbackground-color和 not background？

• background-color：設置元素的背景顏色。例子：

background-color:red;
background-color:#0000FF;
background-color:rgb(255,0,255);

• background：在一個聲明中設置所有背景屬性。例子：

background: #FF0000 url('blah.jpg') no-repeat fixed center;

引用自：https://unix.stackexchange.com/questions/136134