vue2+elementUI ::v-deep改el-radio-group单选框选中样式

在Vue 2项目中使用Element UI时，如果你想要修改el-radio-group内单选框的选中样式，可以使用::v-deep选择器（或者>>>、/deep/，但::v-deep是官方推荐的写法）来穿透组件边界并应用CSS样式。

以下是一个示例，演示如何使用::v-deep来修改单选框选中的样式：

<style scoped>
::v-deep .el-radio-group {
  .el-radio__input.is-checked .el-radio__inner {
    border-color: #409EFF; /* 修改边框颜色 */
    background-color: #409EFF; /* 修改背景颜色 */
  }
  
  .el-radio__input.is-checked .el-radio__inner::after {
    background-color: #fff; /* 修改选中圆点颜色 */
  }
}
</style>

在上面的代码中，.el-radio__input.is-checked 选择器用于选中状态的单选框，然后通过修改.el-radio__inner和.el-radio__inner::after的样式来改变单选框的选中外观。

请注意，如果你使用的是Vue 2.x和Element UI 2.x版本，那么应该使用>>>或者/deep/而不是::v-deep，因为::v-deep是Sass/SCSS的深度选择器，在旧版本的Webpack和vue-loader中可能不被支持。在Vue 3中，::v-deep将作为>>>的新替代方案，并且是官方推荐的写法。