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

2023年10月11日 174次阅读

CSS重置中这两件事的用处是什么？

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

如果图例颜色不在IE中继承,那么如何添加颜色可以解决：#000;

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

最佳答案 第一条规则实际上不仅适用于IE,而是适用于所有网络浏览器.通常,您希望在正文中定义全局字体：

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

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

input, select, textarea {
    font: inherit;
}

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

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

只设置了字体大小可能是因为YUI的人希望保持表单控制他们自己的浏览器默认字体系列(对于输入和选择是sans-serif,对于textarea是monospace).使用100％是因为IE6 / 7不支持继承.

至于第二条规则：我不确定它们在这里是什么意思.我在IE6 / 7中做了一点测试.图例只是从其父元素继承颜色.也许真正的问题出在其他地方？

点赞