elementuiplus修改radio样式

/* 修改未选中状态 */

/deep/.el-radio-group .el-radio .el-radio__label {

    color: #fff;

}

// /* 修改选中状态的文字颜色 */

/deep/.el-radio__input.is-checked+.el-radio__label {

    color: #fff;

}

/deep/.el-radio__inner {

  border-color: #fa4503 !important; /* 默认灰色边框 */

  background: transparent;

}

/* 选中状态 */

/deep/.el-radio__input.is-checked .el-radio__inner {

  border-color: #fa4503 !important; /* 选中时红色边框 */

  background: transparent !important;  /* 背景白色 */

}

/* 默认状态下的实心点（未选中时隐藏） */

/deep/.el-radio__inner::after {

  background-color: transparent !important; /* 白色（隐藏） */

  width:  10px !important;

  height: 10px !important;

  transform: translate(-50%, -50%) scale(0.8) !important;

}

/* 选中状态下的实心点（红色） */

/deep/.el-radio__input.is-checked .el-radio__inner::after {

  background-color: #fa4503 !important; /* 选中时红色实心点 */

}

 

效果如下：