小程序中修改UI组件样式失效,在子组件中修改样式失效,样式穿透失效

5 篇文章 0 订阅
2 篇文章 0 订阅
微信小程序的样式规则是有作用域限制的,组件内部的样式只对当前组件生效,无法直接修改父组件的样式。
比如:

1. 你在A页面中使用了B组件B组件为自定义组件,也就是你自己写的组件

2. 你在B组件中使用了一个 UI组件 ,然后在B组件style标签中修改了 UI组件的样式

3. 此时你会发现样式修改失败,或者说样式穿透失效

你需要直接在A页面中修改UI组件组件的样式,此时样式修改成功

需要注意的是,微信小程序的样式穿透是不支持的,即无法在子组件中通过样式选择器直接修改父组件的样式。

最后,有什么不懂的地方欢迎来问我
我创建了一个技术交流微信群
加我V,拉你进群,备注来意
置顶的博客最下方有二维码,可加我V

这是我置顶博客的链接,点击跳转

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值