Vue.js Van Radio Group 选中后文字变颜色教程
<p>要实现选中后文字变颜色的效果,可以使用CSS来设置。在<code>van-radio-group</code>的外部添加一个CSS样式,并通过<code>:checked</code>伪类选择器来设置选中后的文字颜色。</p>
<pre><code><style>
.radio-text:checked + label {
color: red;
}
</style></code></pre>
<p>然后在<code>van-radio</code>的<code>name</code>属性为'1'的选项上添加一个相应的CSS类名,比如<code>radio-text</code>。</p>
<pre><code><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></code></pre>
<p>这样,当选中名为'1'的选项时,其后的<code>label</code>元素的文字颜色就会变成红色。</p>
原文地址: https://www.cveoy.top/t/topic/jqzm 著作权归作者所有。请勿转载和采集!