Недавно я работал над простой страницей и хотел убрать границу с эль-ввода, я нашел много способов в Интернете и, наконец, обнаружил, что следующий метод выполним:
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.