最初のルールは実際にはIEだけに適用されるのではなく、すべてのWebブラウザに適用されます。通常、グローバルフォントをbody
:で定義します。
body {
font: 1.1em verdana, arial, sans-serif;
}
ただし、これはすべてのWebブラウザのフォームコントロールに適用(継承)されるわけではありません。そのルールは、フォントサイズも(のみ)適用します。1つの方法は、これらの要素にを設定するfont
ことです。inherit
input, select, textarea {
font: inherit;
}
しかし、それはIE6/7では機能しません。もう1つの方法は、要素をルールに明示的に含めることです。
body, input, select, textarea {
font: 1.1em verdana, arial, sans-serif;
}
のみfont-size
が設定されているのは、おそらくYUIの担当者が、フォームコントロールを独自のブラウザデフォルトフォントファミリ(sans-serif
forinput
およびfor )のままにしておきたいためselect
です。IE6/7はをサポートしていないために使用されます。monospace
textarea
100%
inherit
2番目のルールについて:ここでそれらが何を意味するのかわかりません。IE6/7で少しテストしました。はlegend
、親要素から色を継承します。たぶん、実際の問題はどこかにありますか?