Question

我正在创建一个简单的表单，并希望像使用CSS tr:nth-child(even){background-color: #f2f2f2;}

那样替换每个选项的背景颜色

对于我尝试使用以不同背景颜色链接到CSS的ID的表单：

function options(){
        var i =0;
        var name;
        $(xmlDoc).children().children().each(function(){
            name = $(this).children().first().text();
            if(i % 2 == 0){
                $('form').append(" <input type='checkbox' id=odd'" + "value=" + name + ">"+ name + "<br>");
            }
            else{
                $('form').append(" <input type='checkbox' id='even'" + "value=" + name + ">"+ name + "<br>");
            }
            i++;
        });
    }

但已发现您只能通过在表单中指明它来更改背景颜色。还有其他办法吗？

Answer 1

你试过了吗？

input[type="checkbox"]:nth-of-type(2n-1) {
background-color: #222222;
}

input[type="checkbox"]:nth-of-type(2n) {
background-color: #f2f2f2;
}

Answer 2

要更改表单的颜色，您必须从表单

中调用它

<script src="https://www.gstatic.com/charts/loader.js"></script> <div id="chart_div_table"></div>

并且无法针对特定输入执行任何操作。为了解决这个问题，我发现你必须把整个事情变成一个列表，然后才能使用

<form style="background-color: #E0FFFF"></form>

在你的CSS里面。 HTML看起来像这样：

li:nth-child(even) {background-color: #f2f2f2;}

ul的样式是摆脱子弹点。

表单复选框的备用背景颜色

2 个答案: