单击按钮时更改没有JavaScript的css？

Question

点击按钮更改css而不使用JavaScript？

我相信您可以通过将按钮设为复选框来实现吗？

谢谢

Answer 1

它被称为＆＃34; checkbox hack＆＃34;。您可以使用checkbox或radio，然后使用CSS中的:checked伪类，使用+或~兄弟选择器定位页面上的其他元素。这是一个例子。

＆＃13;

＆＃13;

input {
  display: none;
}

label {
  color: #09c;
  cursor: pointer;
}

input:checked ~ div {
  color: green;
}

input:checked + div {
  color: red;
}

＆＃13;

<label for="checkbox">click</label>
<input type="checkbox" id="checkbox">

<div>adjacent element</div>

<div>general sibling</div>
<div>general sibling</div>
<div>general sibling</div>

＆＃13;

＆＃13;

＆＃13;