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



所有评论(0)