CSS 复选框样式独特 类
CSS Checkbox styling unique classes
有什么好的方法可以 select 具有独特 class 的 input。
目前这会做...
input[type="checkbox"]:checked + label {....}
但是如果我想通过 class 名称 usethis 获取标签怎么办？ 代码如下 -
<div class="checkbox">
<input id="c1" class="rounded-input" type="checkbox" rel="performance" onchange="change()" />
<label class="usethis" for="c1">Performance</label>
</div>
看看这是否有效
input[type="checkbox"]:checked + .usethis {
color: red;
font-size: 5rem; // i have given some random styles here
}
此样式仅在复选框被选中时出现，如果您在页面中有另一个复选框而标签没有 class.usethis，则此样式不会应用于这些复选框
有什么好的方法可以 select 具有独特 class 的 input。
目前这会做...
input[type="checkbox"]:checked + label {....}
但是如果我想通过 class 名称 usethis 获取标签怎么办？ 代码如下 -
<div class="checkbox">
<input id="c1" class="rounded-input" type="checkbox" rel="performance" onchange="change()" />
<label class="usethis" for="c1">Performance</label>
</div>
看看这是否有效
input[type="checkbox"]:checked + .usethis {
color: red;
font-size: 5rem; // i have given some random styles here
}
此样式仅在复选框被选中时出现，如果您在页面中有另一个复选框而标签没有 class.usethis，则此样式不会应用于这些复选框