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字段集的交替行顏色

回答

相關問題