Html 输入后隐藏文本

如何使用此html结构隐藏一些文本

我试图做到这一点，但没有成功：

input, .checkbox label > input::after{
    display: none;
}

<div class="checkbox">
  <label>
    <input id="post_yes_no" name="post_yes_no" type="checkbox">Some text
    <small><small><br>*Some info</small></small>
</label>
</div>

input、.checkbox标签>input:：after{
显示：无；
}
一些文本

*一些信息

---

文本节点没有css选择器 您必须用

p

或

span

将其包装起来，以便对其进行样式设置 或者您可以尝试使用

可见性

而不是

显示

label{
visibility: hidden;

}

label input, label small {
visibility: visible;
}

---

文本节点没有css选择器 您必须用

p

或

span

将其包装起来，以便对其进行样式设置 或者您可以尝试使用

可见性

而不是

显示

label{
visibility: hidden;

}

label input, label small {
visibility: visible;
}

---

input:：after

以

：：after

伪元素为目标，而不是输入之后的任何内容

如果需要仅使用CSS隐藏，可以尝试以下操作：

这不会真正隐藏内容——它就在那里，但有一个透明的颜色

如果需要使用css将文本作为目标，那么最好将其包装在类似

的元素中，以便css可以将其作为目标。文本节点不能作为目标，只能作为元素

---

input:：after

以

：：after

伪元素为目标，而不是输入之后的任何内容

如果需要仅使用CSS隐藏，可以尝试以下操作：

这不会真正隐藏内容——它就在那里，但有一个透明的颜色

如果需要使用css将文本作为目标，那么最好将其包装在类似

的元素中，以便css可以将其作为目标。文本节点不能作为目标，只能作为元素

---

不错<代码>可见性绝对是解决问题的方法。不知道为什么我没想到。太好了<代码>可见性绝对是解决问题的方法。不知道为什么我没想到。