elementplus中el-input标签去除边框

elementplus框架，现在用的比较多，很多情况下需要对它原生的标签去修改样式，怎么说呢，深度作用选择控制，对我来说确实有些头疼，浏览器上找那些标签就要找很久。最近遇到一个表格里面input框，去除边框，找了很久，没找到解决办法，正好看到有大神写了这个解决办法，所有特地在这记录一下。 这是链接 (element-plus el-input 修改边框 border_element-plus 去除el-input-CSDN博客)

代码如下

<el-input class="inputDeep" readonly v-model="planName"></el-input>

.inputDeep {
  :deep(.el-input__wrapper) {
    box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color)) inset;
    cursor: default;
    .el-input__inner {
      cursor: default !important;
    }
  }
}