5

すべての入力ボックス、テキストエリア、および選択ボックスにスタイリッシュなテーマを適用したいので、次のように書きました。

@namespace url(http://www.w3.org/1999/xhtml);
textarea, input, select {
  background-color: white !important;
  color: black !important;
}

私の理解では、これは Web ページにのみ適用されますが、URL バーにも影響があり、白くなっています。URLバーに影響を与えないようにする方法はありますか?

Firefox Nightly (バージョン 43) を使用しています。

アップデート

暗いテーマで GTK3 Firefox を正しく表示したい場合、最終的な解決策は次のスタイリッシュな設定です。

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix('http://'), url-prefix('https://') {
  textarea, input, select {
    background-color: white !important;
    color: black !important;
  }
}

魅力のように機能します。

4

1 に答える 1

5

Firefox はクロムに XUL と HTML を組み合わせて使用​​するため、デフォルトの CSS 名前空間を宣言すると、ブラウザーのクロムの HTML 要素にも影響します。@-moz-document次のように、ターゲット コンテンツの発信元を制限するブロックでスタイルをラップできます。

@-moz-document url-prefix('http://'), url-prefix('https://') { /* your code here */}
于 2015-10-14T16:46:26.300 に答える