小程序 样式隔离

组件的 styleIsolation 有三个可选值：

isolated：默认值，组件内外的样式互不影响

apply-shared：接收外部（包括父页面和全局）的样式，但组件内的样式不影响外部

shared：接收外部样式，同时组件内的样式会共享到页面

对于相同的选择器，样式的优先级为 组件样式 > 页面样式 > 全局样式

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

// component.json

"styleIsolation": "apply-shared"

也可以写在 js 文件中，效果相同。

// component.js

Component({

  options: {

    styleIsolation: 'apply-shared'

  }

})