如何解决小程序自定义组件全局样式失效的问题？

本文共计1262个文字，预计阅读时间需要6分钟。

目录 + 长度过长不显示版 + 组件样式分隔 + demo + 测试 + 优先级 + 页面间距配置 + 参考资料 + 使用原生框架开发小程序时，在app.wxss中定义的全局样式在自定义组件中不生效。后续发现是。

目录

• 太长不看版
• 组件样式隔离
• demo 试验
• 优先级
• 页面的隔离配置
• 参考资料

在使用原生框架开发小程序时遇到一个问题，在 app.wxss 中定义的全局样式在自定义组件中不生效。后来发现是由于小程序组件样式隔离的配置导致的。

太长不看版

在组件的 json 文件中添加如下配置，全局样式即可生效。

// component.json "styleIsolation": "apply-shared"

如果偏好在 js 文件中进行配置，或版本号 < 2.10.1，也可以写在 js 文件中，效果相同。