HTML字段集的交替行颜色

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

2011-09-02 SoftwareSavant

我不知道你在谈论请发表您的标记/ css和最好的例子是什么（HTTP：//的jsfiddle .net）。 –

你是什么意思在字段集中的替代颜色？字段集的背景颜色？ – JM4

我认为他希望每个'input'元素都有自己的背景颜色... –

像这样的东西？

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

来源

2011-09-02 19:59:19 DanMan

这将工作... – SoftwareSavant

其实这是不好的。它在IE 8中不起作用（和平＃$ %% ^）...我花了几天才弄清楚我究竟做了什么错，但我终于做到了。 :( – SoftwareSavant

那么，IE8合规是从来没有的要求的一部分，是否？;）如果它是动态创建的，你可以给每个第二个标签它是自己的类，然后风格。 – DanMan

这里是我是如何做到的？

我有一个jQuery函数...

$（ “TR：奇”）。CSS（ “背景色”，“ ＃e8eef4" ）; （不幸的是，tr（su：nth-child（odd））的suedo-class在IE 8中也不起作用。 ..嵌套parenths FTW BTW）

，我的朋友是

来源

2011-09-07 15:46:31 SoftwareSavant

试试这个：'$（“tr：odd”）。addClass（“oddrow”）;'和'.oddrow {background-color：＃e8eef4; }' – DanMan

HTML字段集的交替行颜色

回答

相关问题