elementui修改radio字体的颜色和圆圈的样式

左手吻左脸。

于 2025-06-25 14:25:33 发布

阅读量307

点赞数 2

CC 4.0 BY-SA版权

文章标签： elementui 前端 javascript

本文链接：https://blog.youkuaiyun.com/weixin_47194802/article/details/148898415

改完

    <div class="choose">
      <el-radio-group v-model="radioNum">
      <el-radio label="1" size="large">Option 1</el-radio>
      <el-radio label="2" size="large">Option 2</el-radio>
    </el-radio-group>
    </div>



::v-deep .choose {
 
  .el-radio__input.is-checked .el-radio__inner {
    border-color: #00FFFF;
    background: none;
  }

  .el-radio__input.is-checked .el-radio__inner::after {
    width: 7px;
    height: 7px;
    border-radius: 3px;
    background: #00FFFF;
  }

  .el-radio {
    color: #FFFFFF
  }
 .is-checked .el-radio__label {
    color: #00FFFF
  }

}