html – 单击复选框时如何显示标记

前端之家收集整理的这篇文章主要介绍了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>

猜你在找的HTML相关文章