Vue自定义class覆盖第三方组件原有样式
一个vue文件可以写多个<style></style>,
如果在style加上socped代表本组件的样式,不污染全局。
如果需要覆盖第三方组件样式,则不能加scoped,因此需要另写一个<style>.xxx-component{...}</style>,这里用一个大类包裹防止污染全局。
接着,用比较笨的方法,就是打开f12检查究竟要覆盖哪些样式,然后写在没有加scoped的style里即可。
略懂,略懂....
一个vue文件可以写多个<style></style>,
如果在style加上socped代表本组件的样式,不污染全局。
如果需要覆盖第三方组件样式,则不能加scoped,因此需要另写一个<style>.xxx-component{...}</style>,这里用一个大类包裹防止污染全局。
接着,用比较笨的方法,就是打开f12检查究竟要覆盖哪些样式,然后写在没有加scoped的style里即可。