修改没有改变样式
<van-radio-group v-model="radio">
<van-radio name="1">单选框 1</van-radio>
<van-radio name="2">单选框 2</van-radio>
</van-radio-group>
<style scoped="">
.van-radio__label {
width: 200px;
background: pink;
}
</style>
方法一:使用了Less或Sass预处理器,使用组合/deep/
<style lang="scss" scoped="">
.van-radio {
/deep/ .van-radio__label{
width: 200px;
background: pink;
}
}
</style>
方法二:使用深度选择器,将scoped样式中的选择器“深入
<style scoped="">
.van-radio >>> .van-radio__label{
background: pink;
}
</style>