element-ui引用的复选框修改样式

注意：
1、修改表单里的样式的时候不能用scoped，否则不生效
2、改复选框里面对钩的颜色要用 border-color: #xxx;去改，不能用border去改

      <div class="agree">
          <el-checkbox v-model="checked"></el-checkbox>
          我已同意并阅读 <span>《用户服务协议》</span>
       </div>



      .agree{
     
        .el-checkbox{
          margin-right: 10px;
          .is-checked{
            .el-checkbox__inner{ // 复选框的样式修改
              background-color: #fff;
              border: 1px solid #409eff;
              &::after{ // 里面的对钩
                border-color: #409eff;
              }
            }
          }
        }
        span{
          color: #40adfb;
        }
      }