我正在设置页面中更改主题,所以我想在特定的单选按钮为选中时更改主体的class_name”>
假设以下内容:
<body class="white"> ... <h4>Change Theme</h4><br> <input class="white" type="radio" name="white" value="white" checked > <label>Red</label><br> <input class="red" type="radio" name="red" value="red"> <label>Red</label><br> <input class="black" type="radio" name="black" value="black"> <label>Dark</label><br> </body>
现在我想更改单选按钮中选择的body标签的class_name
我正在设置页面中更改主题,因此我想在选中特定单选按钮时更改主体的class_name假定以下内容:
radio button
或checkbox
都有一个伪类:checked
,该伪类在输入处于检查状态时会应用样式,因此可以在CSS中应用该伪类添加到您的单选按钮,并更改您想要更改的元素的样式。