要实现选中后文字变颜色的效果,可以使用CSS来设置。在van-radio-group的外部添加一个CSS样式,并通过:checked伪类选择器来设置选中后的文字颜色。

<style>
    .radio-text:checked + label {
        color: red;
    }
</style>

然后在van-radioname属性为"1"的选项上添加一个相应的CSS类名,比如radio-text

<van-radio-group>
    <van-radio name="1" class="radio-text">选项1</van-radio>
    <van-radio name="2">选项2</van-radio>
    <van-radio name="3">选项3</van-radio>
</van-radio-group>

这样,当选中名为"1"的选项时,其后的label元素的文字颜色就会变成红色。

van-radio-group van-radio name=1 选中后文字变颜色

原文地址: https://www.cveoy.top/t/topic/i94H 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录