请详细解释YUI3 CSS Reset的这一部分

时间:2010-05-21 02:47:48

标签: css xhtml yui3

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;
}

1 个答案:

答案 0 :(得分:2)

第一条规则实际上不仅适用于IE,而是适用于所有网络浏览器。通常,您希望在body

中定义全局字体
body {
    font: 1.1em verdana, arial, sans-serif;
}

但是这不会在所有 webbrowsers中的表单控件上应用(继承)。然后该规则将(仅)应用它们的字体大小。一种方法是在这些元素上设置fontinherit

input, select, textarea {
    font: inherit;
}

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

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

仅设置font-size可能是因为YUI的人希望保持表单控制自己的浏览器默认字体系列(sans-serif inputselect {1}} monospacetextarea。已使用100%,因为IE6 / 7不支持inherit

关于第二条规则:我不确定它们在这里是什么意思。我在IE6 / 7中做了一点测试。 legend只是从其父元素继承颜色。也许实际问题出在其他地方?