修改elementUI 样式的几种方式

1. 使用 /deep/ 深度修改标签样式

 /deep/ .el-form-item__content {
   margin-left: 40px !important;

  .login-btn {
    width: 100%;
  }
}

2. 使用 >>> 进行样式穿透

#btn >>> .el-form-item__content {
    margin-left: 40px !important;

  .login-btn {
     width: 100%;
  }
}

3. 使用 ::v-deep

::v-deep .el-form-item__content {
   margin-left: 40px !important;
   .login-btn {
       width: 100%;
 }
}

4.重写style标签