默认的el-select显示如下
想要去掉边框,如图:
找方法试了一个多小时,试过了给el-select的外层加dev绑定class然后设置边框为none;还有使用!important来表达优先级更高,还有css3的穿透语法>>>来进行深层样式穿透,都不起作用…
最后终于!使用v-deep
完成了边框的去除!!
直接复制下边的样式就可以了!
::v-deep .el-input__inner {
border: none;
box-shadow: none;
}
如果再要修改其他已经封装好的样式,一定记得在前边加上::v-deep