vue项目中修改插件里原本的样式,父组件修改子组件里面的样式

110 篇文章 0 订阅

左边是现在的样式,右边是想要修改成的样子。这是个插件。我们就需要修改插件里面的样式了。

但是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>

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值