修改ElementUI样式的几种方式

修改ElementUI样式的几种方式

在我们写项目的过程中，有的elementui的默认样式和项目中的样式不符合，所有我们需要强制行的修改，这时候就需要找几种修改ElementUI的方法了。
1）.使用 /deep/ 深度修改标签样式
找到需要修改的 ElementUI 标签的类名，然后在类名前加上 /deep/ ，可以强制修改默认样式。这种方式可以直接用到有 scoped 属性的 style 标签中。

// 修改级联选择框的默认宽度
/deep/ .el-cascader {
   
  width: 100%;
}

2）可以使用 >>> 来深度修改样式。
如下面的例子：

<style scoped