覆盖element-ui 中的样式

需求：

我们在使用 element-ui 绘制页面时，有时候需要重写 element-ui 组件样式， 但会发现直接重写会失效！！

分析:

原因在于 <style scoped> 收到这scoped 的影响

解决:

因此我们如果要重写样式，需要在后面添加 <style></style> 标签,把要重写的样式写在里面。注意添加 !important 提高优先级

---

通过上述方法修改 element-ui 的样式是全局生效的， 如果只想修改当前页面中 element-ui 组件样式，而不影响全局样式，可以使用 >>>

用法:

  外层 >>> 第三方组件 {

      样式

  }

以下是项目中的使用demo: