输入上的CSS标签=""错误

时间:2016-03-19 14:20:32

标签: html css

我有:

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

当调用输入上的错误类时,我希望标签&#39; s :: before color更改为红色。对于实时预览结帐:http://apespark.com/formifyPro/examples/register.html

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

1 个答案:

答案 0 :(得分:1)

这是什么意思? - JSFiddle

如果没有选中复选框,我可以使用一些Javascript将标签的样式更改为红色,我认为这是您想要的,如下所示:

HTML:

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

的javascript:

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

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