「Input」要素が「Body」からフォントを継承しないのはなぜですか?

本文からフォントを継承しない入力

CSS を使用して HTML 要素のスタイルを設定する場合、特定の要素がスタイル プロパティを継承しない場合があります。予想通り。これは、デフォルトでは親要素から font-family プロパティを継承しない入力フィールドの場合に当てはまります。

この例では、CSS ルールは、両方の要素に対して特定のフォント ファミリを定義するように設定されています。 body 要素とカスタム クラス adm は、label 要素と input 要素の両方に適用されます。ただし、Firefox では、入力フィールドのフォントがラベルのフォントと一致しません。

これを解決するには、CSS を使用して入力フィールドが親要素からフォントを継承するように明示的に指定できます:

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

このルールを追加すると、入力フィールドは body 要素で定義された font-family プロパティを継承し、ページ上の残りのテキストと同じフォントが使用されるようになります。

これは、デモ http://jsfiddle.net/gaby/pEedc/1/ を表示することで確認できます。

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