Html 当选中子收音机时，如何在父项上添加框阴影？

我需要的是，当收音机在div上检查时，它会显示一个方框阴影。 这是密码

互联网公寓
互联网商场

您可以在子对象的伪对象上使用duo

位置：relative

（在父对象上）和

absolute

，以伪造

框阴影

如果这是您要查找的，则没有父选择器。


[class=“check”]
/*要使代码段工作*/，[className=“check”]
/* */{
位置：相对位置；
}
输入：选中+标签：之前{
内容：''；
位置：绝对位置；
排名：0；
左：0；
底部：0；
右：0；
盒影：0 3px；
指针事件：无；/*使其对鼠标不可见，您可以单击它所在的区域*/
}

互联网公寓
互联网商场
您将其标记为React，是否正在寻找基于React的解决方案？您已经有了什么css？这里有一个React解决方案：缺点是您无法单击标签来选择选项，这是不好的UX@ChrisG，指针事件也是必需的；），我将更新该小案例的代码段。我想您可以使用标签的
进行
，但是您必须将
id
s添加到输入中。@ChrisG无需id，由+选择器在此处执行操作，请自行运行代码段；）如果有多个元素，则可以使用~selector并选择las标签或任何其他可以生成伪标签的框。我选择了，但单击标签不会执行任何操作；）