时间戳

首页 > 解决方案 > 我无法访问影子 dom CSS 中的插槽

dom - 我无法访问影子 dom CSS 中的插槽

问题描述

我必须访问离子页面的插槽才能在其上插入“背景：继承”。我尝试了一切，但仍然无法通过 CSS 访问它。我必须访问此插槽标签

标签： domshadowslot

解决方案

您不能访问（通过 CSS 规则选择）属于 shadow DOM 的元素——这是设计使然。您可以在此处阅读更多信息：https ://www.joshmorony.com/shadow-dom-usage-in-ionic-web-components/

您有以下选择：

  1. 您需要更改的元素都会公开您可以访问和修改的 CSS 变量

  2. 您可能会重写组件/制作自己的组件

  3. 您可以尝试使用向影子 dom 添加另一个“样式”元素的指令“破解”它：https ://forum.ionicframework.com/t/ionic-v4-shadow-dom/137350/3

推荐阅读