vue项目,使用elementUI,修改样式,不生效
由于系统颜色的不同,想单独修改一个组件中的颜色及样式,但是不生效,看到好多人说,可以给个父级,写的是form表单,所以给他包了个div,可是还是不生效,因为层级不够!!!所以,解决方案是:使用F12,找到要修改的元素,使用/deep/,进行穿透,里面的important,根据自己情况使用即可。<style lang="scss" scoped>/deep/.el-form-item__
·
由于系统颜色的不同,想单独修改一个组件中的颜色及样式,但是不生效,看到好多人说,可以给个父级,写的是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,要不全局就都修改了。
加不加,根据自己需求而定。
更多推荐
已为社区贡献3条内容
所有评论(0)