vue 修改element ui 的默认样式

Posted itchenfirst

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 修改element ui 的默认样式相关的知识,希望对你有一定的参考价值。

应该还能针对其他的奇葩样式修改的 比如:mint-ui,vux 应该都适用

1、在样式  后加 !important ,例如:width: 178px !important;

2、<style scope>  </style> 中的scope去掉

3、vue有一个默认的<style scope>  </style>标签,这是后重新新建一个<style>  </style>的标签。区分开来,就是使用两个<style>  </style> 这样也能修改掉样式

以上是关于vue 修改element ui 的默认样式的主要内容,如果未能解决你的问题,请参考以下文章

修改element ui 默认样式最好的解释

scss/less修改vant/element ui的默认样式方法

Vue中修改组件库(如element ui)样式的可行方案

前端Vue+Element UI案例:通用后台管理系统-用户管理:Table表格增删查改Pagination分页搜索框

VUE: Scope模式下,修改Element ui样式

element ui 修改默认样式