默认的el-select显示如下
在这里插入图片描述
想要去掉边框,如图:
在这里插入图片描述

找方法试了一个多小时,试过了给el-select的外层加dev绑定class然后设置边框为none;还有使用!important来表达优先级更高,还有css3的穿透语法>>>来进行深层样式穿透,都不起作用…
最后终于!使用v-deep完成了边框的去除!!
直接复制下边的样式就可以了!

::v-deep  .el-input__inner {
    border: none;
    box-shadow: none;
}  

如果再要修改其他已经封装好的样式,一定记得在前边加上::v-deep

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐