欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

element-ui默认样式修改

程序员文章站 2022-06-19 18:38:01
来自 :https://blog.csdn.net/wangguoyu1996/article/details/81394707 侵删 我们在使用element-ui的时候经常会遇到需要修改组件默认样式。 我目前知道的有两种方法: 1.通过创建一个css文件,然后在某一个组件中引用,css文件中使用 ......

来自 :https://blog.csdn.net/wangguoyu1996/article/details/81394707 侵删

 

我们在使用element-ui的时候经常会遇到需要修改组件默认样式。

我目前知道的有两种方法:

1.通过创建一个css文件,然后在某一个组件中引用,css文件中使用和组件样式一样的命名,这样组件的默认样式就会被覆盖。

2.使用  /deep/

.homepage /deep/ .el-main { padding: 0;}

  .homepage为我们要修改组件类名的父级组件样式类名。。即使定义一个空的类名也没事。

  .el-main为我们要修改组件的样式。