html - 选中子单选按钮时设置父标签元素的样式

标签 html css

<分区>

我有一个包含单选按钮的 label 元素,此结构的原因是使标签可点击。

<label><input type="radio" name="checkbox" value="128GB">128GB</label>

但是,如果选中按钮,我需要设置标签的样式。我知道没有父选择器,那么如何在不失去标签点击能力的情况下实现这一点?除了使用 JavaScript 之外还有其他解决方案吗?

最佳答案

<input type="radio" name="checkbox" value="128GB" id="checkbox" />
<label for="checkbox">128GB</label>

然后你可以选择它:

input[type="radio"]:checked+label

关于html - 选中子单选按钮时设置父标签元素的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50373031/

上一篇:javascript - 添加动画以更改背景图像幻灯片

下一篇:html - Flexbox - 使元素 16 :9

相关文章:

css - 具有路由和响应模式的 Angular 4 案例

css - 在 HTML/CSS 中很难使用图像分隔符

html - CSS 文件已加载但处于非事件状态

html - 剩余空间内容独立滚动

javascript - Hybrid App - 使用 iPhone 数字键盘,我可以添加小数点吗?

JavaScript 一次切换一个

javascript - 如何使div静态化,这样如果屏幕有两个大它就不会跳起来

javascript - 删除不同 ID 的列表按钮

jquery - 如果在 jQuery 中不显示任何元素,则更改另一个元素的可见性

html - CSS block 属性会影响 HTML 的良构性吗?