最近、単純なページを作成していて、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 の外側の境界線が削除されます。