最近在做一個(gè)簡(jiǎn)單的頁(yè)面，想把 el-input 去掉邊框，在網(wǎng)上找了很多方法，最終發(fā)現(xiàn)下邊這種方法是可行的：
HTML代碼：
<el-input v-model="input" class="borderNone" placeholder="此處展示結(jié)果"></el-input>
樣式代碼如下：文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-596317.html
<style lang="less" scoped>
.borderNone /deep/ .el-input__inner {
border: none;
}
</style>
注意這里的樣式語(yǔ)言用的是 less，其深度穿透寫(xiě)法是 /deep/。
由此便可去除 el-input 的外邊框。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-596317.html
到了這里，關(guān)于Element UI 中 el-input 標(biāo)簽去掉邊框的一種辦法的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
