A way to remove the border of the el-input tag in Element UI

Recently, I was working on a simple page and wanted to remove the border from the el-input. I found many methods on the Internet, and finally found that the following method is feasible:

HTML code:

 <el-input v-model="input" class="borderNone" placeholder="此处展示结果"></el-input>

The style code is as follows:

<style lang="less" scoped>
.borderNone /deep/ .el-input__inner {
      
      
  border: none;
}
</style>

Note that the style language here is less, and its depth penetration is /deep/.
This removes the outer border of the el-input.