element 单选el-radio-group 样式更改

//dx-btn为单选组件的父盒子

.dx-btn >>> .el-radio-group {

  width: 190px;

  display: flex;

  background: rgba(5, 170, 160, 0.1);

  border-radius: 20px;

}

.dx-btn >>> .el-radio-button .el-radio-button__inner {

  border-radius: 0px;

  background: transparent;

  color: #78828d;

  box-sizing: border-box;

  border: none;

}

.dx-btn >>> .is-active .el-radio-button__inner {

  border-radius: 16px;

  background-color: #05aaa0;

  color: #fff;

}

你可能感兴趣的:(前端,html5,javascript)