关于vue中修改elementui默认样式的问题

编程入门行业动态更新时间:2024-10-15 00:19:21

关于vue中修改elementui默认<a href=https://www.elefans.com/category/jswz/34/1771146.html style= 样式的问题"/>

关于vue中修改elementui默认样式的问题

问题：修改elementui默认样式的时候，如果把样式写在该组件<style scoped></style>中，可以发现样式并没有生效及不会修改。
把样式写在<style></style>中，样式会被修改，但是会影响其他组件，及修改的样式为全局样式。
注：写一个外部css文件，再把其引用在<style scoped></style>中，同样会修改全局样式。
解决方法：
在该组件的根节点添加一个class或id属性，并命名，（如<div class="mydiv"></div>）。在<style></style>中修改样式，选择器加上根节点的class名或id名即可。

更多推荐

关于vue中修改elementui默认样式的问题

本文发布于:2024-02-13 00:57:53，感谢您对本站的认可！

本文链接:https://www.elefans.com/category/jswz/34/1690072.html