すべてのブラウザで フィールドが親要素からフォント スタイルを継承しないのはなぜですか?

フィールドは、すべてのブラウザの親要素からフォント スタイルを継承しませんか? " />

フィールドのフォント継承の問題

gt;

HTML ドキュメントでは、特定の要素が親要素に定義されたフォント スタイルを継承しない場合があります。これは、次の特定の例に示すように、 フィールドで確認できます。

場合CSS は、 要素から次のフォーム要素にフォント ファミリを継承するために適用されます。

body,html { font-family: Verdana,Arial,Helvetica,sans-serif; 0; パディング:0; カラー: #111;}</p>label.adm { フォントサイズ:0.9em; 表示: ブロック;}<p>input.adm { フォントサイズ:0.9 em; margin:0 0 3px 3px; }

Firefox はこれらの要素を予想通り Verdana フォントを継承しますが、別のフォント「MS Shell Dlg」が表示されます。

この不一致は、 が原因で発生します。要素は、デフォルトではすべてのブラウザでフォント ファミリを継承しません。明示的に継承を強制するには、CSS を使用できます:

input, select, textarea, button{font-family:inherit;}</p>

Byこのルールを組み込むと、フィールドは親の

からフォント ファミリを継承します。要素を使用して、フォント スタイルの一貫性を確保します。このソリューションのライブ デモンストレーションは http://jsfiddle.net/gaby/pEedc/1/ でご覧いただけます。

以上がすべてのブラウザで フィールドが親要素からフォント スタイルを継承しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。