css - 请详细解释这部分YUI3 CSS Reset

Question

这两个东西在 CSS 重置中有什么用处？

在 IE 和哪个版本中调整输入元素的大小有什么问题？

如果在 IE 中没有继承图例颜色，那么如何解决添加color:#000;

/*to enable resizing for IE*/
input,
textarea,
select {
    *font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
    color:#000;
}

score 2 · Accepted Answer

第一条规则实际上并不只适用于 IE，而是适用于所有网络浏览器。通常，您希望在以下位置定义全局字体body：

body {
    font: 1.1em verdana, arial, sans-serif;
}

但这不会在所有网络浏览器的表单控件上应用（继承）。然后，该规则也将（仅）应用它们的字体大小。一种方法是将这些元素设置font为：inherit

input, select, textarea {
    font: inherit;
}

但这在 IE6/7 中不起作用。另一种方法是在规则中明确包含元素：

body, input, select, textarea {
    font: 1.1em verdana, arial, sans-serif;
}

仅font-size设置了可能是因为 YUI 家伙希望保留表单控件他们自己的浏览器默认字体系列（这是sans-serifforinput和selectis monospacefor textarea）。因为100%IE6/7 不支持inherit.

至于第二条规则：我不确定他们在这里的意思。我在 IE6/7 中做了一个小测试。只是从legend其父元素继承颜色。也许实际问题出在其他地方？

1 回答 1