iview和elementUI组件样式覆盖无效，如何有效解决这种问题？

本文共计1247个文字，预计阅读时间需要5分钟。

目录：iview和elementUI组件样式覆盖无效 + 创建不含scoped的style标签覆盖组件样式 + /deep/ 预处理器less使用 + Element-ui与IView中的样式覆盖问题 + Element-UI中覆盖样式 + IView中覆盖样式

目录

• iview和elementUI组件样式覆盖无效
• 新建一个不含scoped的style标签覆盖组件样式
• /deep/ 预处理器less下使用
• Element-ui与IView中的样式覆盖问题
• 在Element-UI中覆盖样式
• 在IView中覆盖样式

iview和elementUI组件样式覆盖无效

iview和elementUI是我们在用vue开发项目时比较常用到的ui组件，在我们使用第三方UI组件库开发时有时需要对这些组件进行一些样式修改。

为了vue页面样式模块化，不对全局样式造成污染，我们往往都会加入scoped属性用来限制样式的作用域，然而这也会导致当我们修改部分ui组件样式失效。为了避免这种情况，我们常用以下方式来解决。