【问题标题】:Please explain in detail this part of YUI3 CSS Reset请详细解释这部分YUI3 CSS Reset
【发布时间】:2010-05-22 12:27:34
【问题描述】:

这2个东西在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;
}

【问题讨论】:

  • 只需根据需要明确设置字体大小和颜色。 YUI 并不完美......

标签: css xhtml yui3


【解决方案1】:

第一条规则实际上并不只适用于 IE,而是适用于所有网络浏览器。通常你想在body中定义一个global字体:

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-serif 用于inputselect 是@987654331 @ 代表textarea)。使用100%是因为IE6/7不支持inherit

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

【讨论】:

    猜你喜欢
    • 2012-09-05
    • 2023-03-12
    • 2018-08-30
    • 2017-03-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-12
    • 1970-01-01
    相关资源
    最近更新 更多