This is my check box

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

This is my style

input[type=checkbox] {..}
input[type=checkbox] + label {background:'image-1'}
input[type=checkbox]:checked + label {background:'image-2'}

I need to style EACH checkbox with a different checked and unchecked image.

I was thinking to refer to ID instead of input[type=checkbox] in my CSS.

How to do that?

css input checkbox
Edit
Report