应该还能针对其他的奇葩样式修改的 比如:mint-ui,vux 应该都适用
1、在样式 后加 !important ,例如:width: 178px !important;
2、<style scope> </style> 中的scope去掉
3、vue有一个默认的<style scope> </style>标签,这是后重新新建一个<style> </style>的标签。区分开来,就是使用两个<style> </style> 这样也能修改掉样式
本文介绍了解决Vue项目中样式冲突的三种方法:使用!important提高样式优先级,移除<style scope>标签,以及创建新的<style>标签以区分不同组件的样式。
应该还能针对其他的奇葩样式修改的 比如:mint-ui,vux 应该都适用
1、在样式 后加 !important ,例如:width: 178px !important;
2、<style scope> </style> 中的scope去掉
3、vue有一个默认的<style scope> </style>标签,这是后重新新建一个<style> </style>的标签。区分开来,就是使用两个<style> </style> 这样也能修改掉样式
转载于:https://www.cnblogs.com/itchenfirst/p/10349441.html
658
2608
6547

被折叠的 条评论
为什么被折叠?