选中单选按钮时如何在 CSS 中隐藏文本字段

Question

我希望在选中单选按钮时，某些文本字段不应该显示。我怎样才能在 CSS 或 HTML 中实现这一点，或者我该怎么做？

Answer 1

你可以这样做：

html

<input type="checkbox" />
<input type="input" />

css：

[type="checkbox"]:checked + input {
    display: none;
}

工作示例：https://jsfiddle.net/6hrLtq83/