问题:
在scoped的模式下,如何修改本页面上elementUi的样式
描述:
需求总是奇怪的,希望对elementUi的样式进行修改,但是又希望是在scoped模式下的
解决:
以输入框为例:
正常模式下,通过符号 >>> 重写样式
<style scoped>
.el-input >>> .el-input__inner{
border-top: none;
}
</style>
如果是scss,则是通过 /deep/ 重写样式
<style scoped lang='scss'>
@import "@/style/color.scss";
.el-input /deep/ .el-input__inner{
border-top: none;
}
</style