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;
        }
      }