Element-ui修改样式>>>&&/deep/&&::v-deep

时间:2021-04-22 09:08:17   收藏:0   阅读:198

有些样式无法修改,需要借助于深层样式

>>>    别名  /deep/   ::v-deep

给父元素添加类名借助于深层样式

 

>>>只可使用与css

<style>
.box /deep/ .el-input__inner{ padding:0 }
</style>

如果有scoped不使用第三方css扩展语言,可以使用/deep/

<style scoped >
.box /deep/ .el-input__inner{ padding:0 }
</style>

使用scss或者其他第三方css扩展语言和scoped ,修改element ui样式需要使用 ::v-deep

<style scoped lang=‘scss‘>
.box ::v-deep .el-input__inner{ padding:0 } </style>

 

原文:https://www.cnblogs.com/lv77/p/14687417.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!