Fe-interview: [vue] ElementUI怎么修改组件的默认样式?

Created on 20 Jun 2019  ·  7Comments  ·  Source: haizlin/fe-interview

[vue] ElementUI怎么修改组件的默认样式?

vue

Most helpful comment

方法一:/deep/
方法二:>>>
方法三:在外层添加一层div,设置自定义类名,再修改里边的样式, 格式.自定义类名 .需要修改的样式 {}。

All 7 comments

第一直接按照element默认修改主题的方式, 直接修改配置
第二直接覆盖样式

我一般做法为在组件外层定义类名,通过获取组件类名,在style里面(不设置scoped)添加新的样式,当然通过公共样式也未尝不可。
image

不必去掉scoped
.el-table >>> .el-table__header 用>>>穿透

还有一种方法:.el-table /deep/{} 把要改的写在里面。

/deep/穿甲弹

需要注意的是:直接拿出样式表中的class类来在局部页面中设置默认样式的时候,刷新页面后,会影响到其他相同类的默认样式。

方法一:/deep/
方法二:>>>
方法三:在外层添加一层div,设置自定义类名,再修改里边的样式, 格式.自定义类名 .需要修改的样式 {}。

Was this page helpful?
0 / 5 - 0 ratings