您的位置:首页 > Web前端 > Vue.js

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

2019-06-12 10:50 417 查看

问题:修改elementui默认样式的时候,如果把样式写在该组件

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

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: