公告列表
公告列表
收藏
回答

自定义组件中如何重置第三方组件样式？

如题，自定义组件样式默认是隔离的，可以设置 styleIsolation 或 addGlobalClass，但 styleIsolation: apply-shared 只是在 Page 下有用，在 Component 中无效。再或者通过 externalClasses 设置一个class，但它影响不了组件内部元素的样式。

那么在自定义组件中，如果引用了第三方组件，该如何重置第三方组件的样式呢？

回答关注问题邀请回答
收藏

4 个回答

  • 秃-。。-自古码农幸运E
    秃-。。-自古码农幸运E
    2021-01-11

    今天遇到类似的问题，最后发现是在父组件里设置

    options: {
    styleIsolation: 'shared'
 }


    就可以了

    不过我的子组件也是我自己自定义的，不知道第三方组件行不行

    2021-01-11
    有用 2
    回复 1
    • 0x1EC10D
      0x1EC10D
      2023-04-22
      感谢你，花了两个小时在无用的搜索上，还是这个靠谱
      2023-04-22
      赞
      回复
  • wmui
    wmui
    2021-07-20

    组件中如果设置的是 styleIsolation: shared 或者apply-shared的话，引用它的组件也设置了 styleIsolation: shared ，样式穿透是生效的

    2021-07-20
    有用 1
    回复
  • mooob
    mooob
    2022-03-21

    同样的问题，插件内的组件再引用第三方组件，插件内的组件无法覆盖第三方组件样式。

    2022-03-21
    有用
    回复
  • o0o有脾气的酸奶
    o0o有脾气的酸奶
    2019-09-24

    重置第三方组件的样式？不行吧

    2019-09-24
    有用
    回复 9
    • 月色情怀
      月色情怀
      2019-09-24
      在 Page 中是可以，如果第三方组件设置了 styleIsolation: apply-shared | shared 或者 addGlobalClass 的话，Page 的样式会覆盖组件样式
      2019-09-24
      赞
      回复
    • 月色情怀
      月色情怀
      2019-09-24
      第三方组件是基础组件，自己封装一个业务组件，引用了一些第三方组件，如input，在业务组件中改个样式，这种需求很正常吧？不知你们都怎么做的。。。
      2019-09-24
      赞
      回复
    • o0o有脾气的酸奶
      o0o有脾气的酸奶
      2019-09-24回复月色情怀

      写个例子 的 代码片段吧

      2019-09-24
      赞
      回复
    • 月色情怀
      月色情怀
      2019-09-24
      https://developers.weixin.qq.com/s/vcnHXCmm7ybF
      2019-09-24
      赞
      回复
    • o0o有脾气的酸奶
      o0o有脾气的酸奶
      2019-09-24回复月色情怀
      那只能在page的wxss里覆盖了
      2019-09-24
      赞
      回复
    查看更多(4)
请 登录 后发表内容
相关问题
相关文档
问题标签
pagecomponent样式组件样式自定义组件