Firefox で入力要素が本文からフォントを継承しないのはなぜですか?

<入力> から継承された要素のフォントFirefox の場合: 問題の解決

CSS ルールは単純そうに見えますが、 のフォント スタイルが変更されます。 Firefox の要素は、 に指定された要素と異なる場合があります。要素。この不一致は、 のデフォルトの動作が原因で発生します。

フォントの継承を強制するには、次のように CSS を調整し、 の font-family プロパティが明示的に「inherit」に設定されていることを確認します。要素:

<code class="css">input, select, textarea, button {
  font-family: inherit;
}</code>

この CSS ルールを追加すると、要素は、 に指定されたフォントを継承します。要素。これにより、ページ全体で一貫したフォント スタイルが保証されます。

フォント継承のライブ デモンストレーションについては、次のフィドルを参照してください: http://jsfiddle.net/gaby/pEedc/1/

以上がFirefox で入力要素が本文からフォントを継承しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。