vue项目,使用elementUI,修改样式,不生效
程序员文章站
2022-03-04 11:20:50
...
由于系统颜色的不同,想单独修改一个组件中的颜色及样式,但是不生效,看到好多人说,可以给个父级,写的是form表单,所以给他包了个div,可是还是不生效,因为层级不够!!!
所以,解决方案是:
使用F12,找到要修改的元素,使用/deep/,进行穿透,里面的important,根据自己情况使用即可。
<style lang="scss" scoped>
/deep/.el-form-item__label {
height: 23px;
font-size: 17px;
color: rgba(36, 33, 51, 1) !important;
line-height: 23px;
}
</style>
这样就修改了elementUI的样式,可以自定义,如果是单个组件使用,记得在style标签中加入scoped,要不全局就都修改了。
加不加,根据自己需求而定。
上一篇: vue和微信小程序的区别有哪些
下一篇: php连接时间怎么设置最大