mui怎么修改选中的单选框的label的样式，通过css改变

最新推荐文章于 2023-04-04 15:40:21 发布

肖肖肖丽珠

最新推荐文章于 2023-04-04 15:40:21 发布

阅读量661

点赞数

分类专栏： mui

本文链接：https://blog.csdn.net/qq_33769914/article/details/117125789

版权

本文介绍了如何使用CSS的相邻兄弟选择器(+), 无需JavaScript监听事件，来实现在单选框选中后改变其旁边label的样式。通过调整CSS样式，当单选框被选中时，可以改变label的背景颜色和文字颜色。" 9792563,6361,Windows Media Player 播放PLS文件的解决方案,"['多媒体播放', 'Windows应用', '音频格式', '插件应用']

摘要由CSDN通过智能技术生成

点击单选框希望他旁边的label的样式跟着改变。

但是我不想使用js去监听选中的事件通过addClass添加样式。

          <form class="mui-input-group">
                   <div class="mui-input-row mui-radio mui-left">
                       <label>radio</label>
                       <input name="radio1" type="radio">
                   </div>
                   <div class="mui-input-row mui-radio mui-left">
                       <label>radio</label>
                       <input name="radio1" type="radio" checked >
                   </div>
               </form>

可以看到样式是先写个label后面是input。我把input放在前面。如果选中就通过css的+相邻兄弟选择器。修改labe