HTML字段集的交替行颜色

时间:2011-09-02 19:32:47

标签: html css

浏览器如何显示HTML字段集的交替颜色?我有表单元素是字段集的成员,每行必须是交替的颜色。

2 个答案:

答案 0 :(得分:2)

这样的东西?

<style>
label:nth-child(even) {
   background-color: #ddd;
   display:block;
}  
<style>

<fieldset>
   <label> Input <input type="text"></label>
   <label> Input <input type="text"></label>
   <label> Input <input type="text"></label>
   <label> Input <input type="text"></label>
</fieldset>

答案 1 :(得分:0)

我是这样做的......

我有一个jquery函数......

$(“tr:odd”)。css(“background-color”,“#e8eef4”);

这需要每一个奇怪的行(我分解并得到表行: - (不幸的是,tr(tr:nth-​​child(odd)的suedo-class)在IE 8中也不起作用.. 。嵌套的父母ftw btw)。

我的朋友就是那样。