Element UIでel-inputタグの枠線を削除する方法

最近、単純なページを作成していて、el-input から境界線を削除したいと思い、インターネットで多くの方法を見つけましたが、最終的に次の方法が実行可能であることがわかりました。

HTMLコード:

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

スタイルコードは次のとおりです。

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

ここでのスタイル言語は少なく、その深さの浸透は /deep/ であることに注意してください。
これにより、el-input の外側の境界線が削除されます。