vue项目中修改插件里原本的样式,父组件修改子组件里面的样式
左边是现在的样式,右边是想要修改成的样子。这是个插件。我们就需要修改插件里面的样式了。但是vue里面的样式写在这个里面是无效的。<style scoped></style>这个scoped只能改变当前页面的非子组件或者插件的样式。你要是想改变子组件或者插件的样式,你可以写在<style ></styl
·
左边是现在的样式,右边是想要修改成的样子。这是个插件。我们就需要修改插件里面的样式了。
但是vue里面的样式写在这个里面是无效的。<style scoped></style>这个scoped只能改变当前页面的非子组件或者插件的样式。
你要是想改变子组件或者插件的样式,你可以写在<style ></style>这个没有scoped的代表全局的样式里面。
还有种方式就是
使用/deep/,这样也是可以写在scoped里面的。less和cass必须用这个
还有就是 使用>>>,方法位置和deep一样。
<div id="calender" >
<vue-event-calendar></vue-event-calendar >
</div>
<style scoped>
#calender /deep/ .xxxxx插件样式类 { color: red; }或者
#calender >>> .xxxxx插件样式类 { color: red; }
//但是我发现如果是插件第一层的样式可以修改但是更深的里面的样式改不了。谁知道为什么啊?目前我还是用的全局样式的来写的呢。。
</style>
更多推荐
已为社区贡献55条内容
所有评论(0)