Forms CSS3自定义复选框仅影响第一组复选框

对你们来说，这很可能是一个简单的解决办法

我不知道如何获取“：after”伪选择器，使其不影响页面下方的复选框，从而导致第二组复选框显示不可见的选中状态

我知道是什么导致了我的问题，我就是不知道如何解决它

这是一个粗糙的问题，但很好地说明了我的问题

HTML:

---

您有以下代码：

<input id="item36_2_checkbox" name="Services_required[]" type="checkbox" value="Conference production &amp; AV"  />
<label for="item36_2_label" id="item36_2_label">
    <span id="item36_2_span" class="fb-fieldlabel">Conference production &amp; AV</span>
</label>

---

您有以下代码：

<input id="item36_2_checkbox" name="Services_required[]" type="checkbox" value="Conference production &amp; AV"  />
<label for="item36_2_label" id="item36_2_label">
    <span id="item36_2_span" class="fb-fieldlabel">Conference production &amp; AV</span>
</label>

---

哈哈哦，亲爱的-我花了很长时间思考我的问题是某种根深蒂固的CSS问题，我甚至没有意识到我的HTML。非常感谢，说实话有点尴尬！这真的一点也不尴尬。当你对一个问题想得太多，并跑向错误的方向时，它会让你发疯。我们都去过那里。很高兴它帮了我。它确实帮了我很大的忙。谢谢-因为我还在学习，没有人帮我。这个网站对我来说是无价的。哈哈哦，亲爱的-我花了很长时间思考我的问题是某种根深蒂固的CSS问题，我甚至不知道我的HTML。非常感谢，说实话有点尴尬！这真的一点也不尴尬。当你对一个问题想得太多，并跑向错误的方向时，它会让你发疯。我们都去过那里。很高兴它帮了我。它确实帮了我很大的忙。谢谢-因为我还在学习，没有人帮我。这个网站对我来说是无价的

<input id="item36_2_checkbox" name="Services_required[]" type="checkbox" value="Conference production &amp; AV"  />
<label for="item36_2_label" id="item36_2_label">
    <span id="item36_2_span" class="fb-fieldlabel">Conference production &amp; AV</span>
</label>

<input id="item36_2_checkbox" name="Services_required[]" type="checkbox" value="Conference production &amp; AV"  />
<label for="item36_2_checkbox" id="item36_2_label" >
    <span id="item36_2_span" class="fb-fieldlabel">Conference production &amp; AV</span>
</label>