☰

サブ質問：

tag-icon • tag-icon firefox browser
サブ質問：

私のコードは次のとおりです$HOME/.mozilla/firefox/XXXXXXXX.default/chrome/userContent.css。

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

目標は、常に白い背景に黒いテキストを持つ入力フィールドとテキスト領域を持つことです。私のデスクトップのテーマは暗いです。このハッキングがないと、Firefoxは暗い灰色の背景に入力とテキスト領域を黒いテキストとして表示します。

これはほとんどのサイトでうまく機能しますが、一部のサイトはまだ以前と同じように見えます（灰色の背景に黒いテキスト）。例えばこのウェブサイト。

dom inspector要素がタイプかどうかをインストールして確認しましたinput。しかし、このサイトはなぜ私のCSS設定を無視するのですか？

サブ質問：

これらの設定オプションを説明するドキュメント/マニュアルはありますか？つまり、キーワードがあるbackground-colorかどうかはどうすればわかりますかbackground？また、input他に何を構成できますかtextarea？

答え1

問題は、入力ボックスがCSSスタイルシートではなく、デフォルトでオペレーティングシステムによってレンダリングされることです。というGecko関連の非標準CSS属性を使用して、これを無効にできます-moz-appearance。次のように使用してください。

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

これで、すべての入力ボックスがCSSとしてレンダリングされます。

サブ質問：

これらの設定オプションを説明するドキュメント/マニュアルはありますか？

入力領域とテキスト領域に加えて何を設定できますか？

すべてuserChrome.css、必要に応じてユーザーインターフェイスの外観をカスタマイズできる（同じフォルダに）という別のファイルがあります。

キーワードがあるbackground-colorかどうかはどうすればわかりますかbackground？

  • background-color：要素の背景色を設定します。例:

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

  • background: 1 つの文ですべての背景プロパティを設定します。例:

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

関連情報