fe-interview icon indicating copy to clipboard operation
fe-interview copied to clipboard

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

Open haizhilin2013 opened this issue 6 years ago • 8 comments
trafficstars

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

haizhilin2013 avatar Jun 20 '19 21:06 haizhilin2013

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

wenyejie avatar Jun 21 '19 02:06 wenyejie

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

desireYoo avatar Jul 03 '19 02:07 desireYoo

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

yc2c222 avatar Jul 17 '19 07:07 yc2c222

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

miqidian avatar Aug 07 '19 07:08 miqidian

/deep/穿甲弹

Elisony avatar Sep 26 '19 06:09 Elisony

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

zlqGitHub avatar Dec 19 '19 15:12 zlqGitHub

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

Shurangan avatar Jul 26 '20 07:07 Shurangan

不是修改主题theme就行了吗.... 当然简单点就/deep/

black1agoon avatar Sep 02 '22 07:09 black1agoon

这是来自QQ邮箱的假期自动回复邮件。   您好,我最近正在休假中,无法亲自回复您的邮件。我将在假期结束后,尽快给您回复。

miqidian avatar Oct 11 '22 07:10 miqidian

这是来自QQ邮箱的假期自动回复邮件。   您好,我最近正在休假中,无法亲自回复您的邮件。我将在假期结束后,尽快给您回复。

Elisony avatar Oct 11 '22 07:10 Elisony