elementUI更改原样式开发笔记

• 删除el-select边框

    /deep/ .el-input__inner{
      border:0;
    }

可更改宽高及其它

    /deep/ .el-input__inner{
      width: 5px;
      height: 20px;
      border:0;
      border-radius: 0;
      padding: 12px;
      margin-left: 8px;
    }
    /deep/ .el-input__inner{
      border-right: 1px solid #C3C3C3;
      margin-left: 6px;
    }

• el-select下拉框位置偏移

   <el-select  popper-class="popper-select" :popper-append-to-body="false">
      <option></option>
   </el-select>

 // ::v-deep或者/deep/
::v-deep .popper-select {
  // position: absolute !important;
  // top: 35px !important;
  left: 0px !important;
}

popper-class="" element提供了为下拉框绑定类名的api，绑定类名之后使用 deep深度遍历器或者不使用scope即可修改样式，但是popper-class=""需要搭配 :popper-append-to-body="false" 使用。