前端之家收集整理的这篇文章主要介绍了
html – 单击复选框时如何显示标记,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何制作此
标签< h3>单击复选框时出现?现在它被隐藏了.
<h3 class="bark">Bark Bark</h3>
<input type="checkBox" class="title">Hear a dog</input>
CSS:
.bark{
visibility: hidden
}
input[type="checkBox"]:checked {
visibility: visible
}
.bark{
visibility: hidden
}
input[type="checkBox"]:checked + h3.bark {
visibility: visible
}
<input type="checkBox" class="title">Hear a dog</input>
<h3 class="bark">Bark Bark</h3>
原文链接:https://www.f2er.com/html/242584.html