输入的CSS标签上的for =“”错误

丹尼斯·赛义多夫(Denis Saidov)

我有:

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

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

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

马特·雷诺兹(Matt Reynolds)

你是这个意思吗?-的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";
}
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

输入的CSS标签上的for =“”错误

来自分类Dev

#REF!标签上的错误,以字母C开头,后跟数字,然后再输入字母

来自分类Dev

如何在输入旁边的texte标签上应用CSS?

来自分类Dev

如何在输入旁边的texte标签上应用CSS?

来自分类Dev

AngularJS ng-switch在<p>标签上引发错误

来自分类Dev

想要在 AngularJS 中的标签上显示错误消息

来自分类Dev

弹簧形式:输入标签错误

来自分类Dev

标签上的CSS文字溢出

来自分类Dev

CSS:如何在输入单选按钮标签上添加不同颜色的边框?

来自分类Dev

PHP - 输入标签上的自动完成

来自分类Dev

使用ggplot2将标签居中放置在标签上,并将标签移动到R中错误栏的顶部

来自分类Dev

CakePHP输入标签和输入字段前的错误

来自分类Dev

图像标签上方的CSS渐变(HTML)

来自分类Dev

使用CSS在img标签上渐变

来自分类Dev

img标签上的CSS的width属性

来自分类Dev

图像标签上方的CSS渐变(HTML)

来自分类Dev

标签上的已访问颜色链接-CSS

来自分类Dev

如何聚焦在div标签内但未显示的输入标签上?

来自分类Dev

输入错误

来自分类Dev

标签中的CSS选择器错误

来自分类Dev

标签中的CSS选择器错误

来自分类Dev

输入验证错误CSS的下拉菜单

来自分类Dev

CSS输入:无效错误地应用了

来自分类Dev

HTML、CSS、JS 意外结束输入错误

来自分类Dev

使用输入标签上的keyup事件进行JS搜索

来自分类Dev

输入标签上的Flexbox垂直对齐问题

来自分类Dev

标签上的助记符,用于文本输入字段

来自分类Dev

如何在不同的输入标签上执行功能?

来自分类Dev

如何在输入标签上调用点击功能