使用Tailwind CSS更改父级div的样式,以响应单选按钮的选中状态
P粉718165540
P粉718165540 2023-08-15 23:49:52
[CSS3讨论组]

我有一个带有多个列和每行一个单选按钮的表格。当我选择特定的按钮时,我需要改变整行的背景颜色。这个能实现吗?

<tr class="flex items-center p-4 space-x-4 border hover:bg-indigo-50">
<input type="radio" name="user" id="{{ user.id }}">
<label for="{{ user.id }}">{{ user.email }}</label>
<div>{{ user.name }}</div>
</tr>

在Tailwind中,可以使用"peer"类来样式化相邻的块。但是我需要样式化父级块(当<input>被选中时,父级块的背景颜色应该改变)。

P粉718165540
P粉718165540

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号