Skip to content

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

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

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

Activity

wenyejie

wenyejie commented on Jun 21, 2019

@wenyejie

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

desireYoo

desireYoo commented on Jul 3, 2019

@desireYoo

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

yc2c222

yc2c222 commented on Jul 17, 2019

@yc2c222

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

miqidian

miqidian commented on Aug 7, 2019

@miqidian

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

Elisony

Elisony commented on Sep 26, 2019

@Elisony

/deep/穿甲弹

zlqGitHub

zlqGitHub commented on Dec 19, 2019

@zlqGitHub

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

Shurangan

Shurangan commented on Jul 26, 2020

@Shurangan

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

black1agoon

black1agoon commented on Sep 2, 2022

@black1agoon

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

miqidian

miqidian commented on Oct 11, 2022

@miqidian
Elisony

Elisony commented on Oct 11, 2022

@Elisony
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @miqidian@wenyejie@haizhilin2013@yc2c222@desireYoo

        Issue actions

          [vue] ElementUI怎么修改组件的默认样式? · Issue #400 · haizlin/fe-interview