Question

我正在寻找组中一些单选按钮的样式。我不能使用任何JS，所以只有css。

<input type="radio" name="attr_1" value="1">
<input type="radio" name="attr_1" value="2">
<input type="radio" name="attr_1" value="3">
<input type="radio" name="attr_1" value="4">
<input type="radio" name="attr_1" value="5">

使用：checked选择器我可以更改所选输入的外观，但我希望能够选择值低于我检查的所有单选按钮。

input[type='radio'] {
    background-color: red
}

input[type='radio']:checked + input {
    background-color: black
}

例如，如果选择值为3的单选按钮，它将具有红色背景，但我也想要1＆amp; 2有红色背景。使用JS我很容易做到这一点，但我只能使用CSS。

有什么方法可以让所有后续输入而不仅仅是ckecked后面的1个输入？

Answer 1

thx to @mpro我可以找到一种方法让所有我的后续样式与Ckecked元素之前的一次相同。

notifyDataSetChanged();

这要求我选择至少一个Radiobutton，但无论如何我都得到了。感谢所有帮助人员

CSS在检查之前选择组的radiobutton

1 个答案: