Html 输入上的CSS标签for="&引用；错误

我有：

我同意
条款和条件

我希望在调用input上的error类时，标签的：：before颜色更改为红色。对于实时预览签出：

我不知道如何在CSS中指定这一点并设计这个特定的案例场景。

这就是你的意思吗？-

如果未选中复选框，您可以使用一点Javascript将标签样式更改为红色，我认为这是您想要的，如下所示：

html:

---

我已成功地使用：label.error+label:before完成此操作，但在此之后，复选框不起作用。可能的重复为避免

if

语句中的空块，请取消大小写：

if（！（document.getElementById（“terms”）。选中）{

。那么主体只包含color set语句，不需要

else

子句。

<label class="checkbox-container" for="terms">I agree
                    with the Terms and Conditions</label>
<input class="checkbox required" id="terms" name="terms" type="checkbox">

<label class="checkbox-container" for="terms" id="termText">I agree
                    with the Terms and Conditions</label>
<input class="checkbox required" id="terms" name="terms" type="checkbox">
<button id="click1">
Submit
</button>

document.getElementById("click1").onclick = function checkTerms(){
if((document.getElementById("terms")).checked){

} else{
document.getElementById("termText").style.color = "red";
}
}