为单个输入ID定义CSS样式，而不是输入[type=checkbox]

这是我的复选框

<input type="checkbox" name="MyName[]" value="A1" id="A1"/>
<label for="Filter"></label>
<input type="checkbox" name="MyName[]" value="A2" id="A2"/>
<label for="Filter"></label>

我需要用不同的选中和未选中图像设置每个复选框的样式

我想在CSS中引用ID而不是

input[type=checkbox]

怎么做

input#A1
input#A2
input#A1:checked
input#A2:checked

但如果不需要，则不需要指定标记名（

input

）。但它可能是有用的！（特别是在课堂上）

---

使用ID选择器阅读。

中有关（ID-）选择器的更多信息：

为了

---

为了满足你的需要

我选择了这个答案，因为它是第一位的。我已经测试过了，可以了。好的，我也会检查一下。然后我会评分。我给

输入提供了一个ID，并想专门设计它。我如何在css中调用它<代码>输入[type=“email”]#emailField{}

input#A1
input#A2
input#A1:checked
input#A2:checked

input#A1 {background:url('image-1.jpg');}
input#A1:checked {background:url('image-1-checked.jpg');}
input#A2 {background:url('image-2.jpg');}

<input type="checkbox" name="MyName[]" value="A1" id="A1"/>

input[name=MyName[]] {..}