elementui el-raido样式修改

  <el-radio v-model="radio" label="1" @change="load">模块一</el-radio>
  <el-radio v-model="radio" label="2" @change="dimission">模块二</el-radio>

  radio:'1',//默认是模块一

//样式修改代码

<style style lang="scss" scoped>

// box 最外层盒子的类名
.box{

      /deep/{
        .el-radio{
          .el-radio__label{
            color: #9B9B9B !important;   //设置未被选中时文字的颜色

          }
          .el-radio__input{
            &.is-checked {     //被选中时
            .el-radio__inner{   //被选中时边框和背景的颜色
                background-color:#FF6F25;
                border-color:#FF6F25;
              }

            }
           .el-radio__inner{
                &:hover{
                    border-color:#FF6F25;  //悬停时边框的颜色
                }
            }
          }
          .el-radio__input.is-checked + .el-radio__label{  //设置被选中时文字的颜色，直接