我想设计一个原生输入元素的样式,该元素在Chrome has a shadow root中可以使用许多伪选择器进行样式化。显然可以在开发人员工具和I'm told it looks like this中看到阴影根:
的数据
但是,我看不到此影子根(在Chrome 118中)。如何在开发人员工具中查看影子根?
我想设计一个原生输入元素的样式,该元素在Chrome has a shadow root中可以使用许多伪选择器进行样式化。显然可以在开发人员工具和I'm told it looks like this中看到阴影根:
的数据
但是,我看不到此影子根(在Chrome 118中)。如何在开发人员工具中查看影子根?
1条答案
按热度按时间lnlaulya1#
在“开发人员工具”设置中使用:
的数据
。
但您不能为
#shadow-root (user-agent)
shadowDOM设置样式由**“浏览器”Web组件**创建:
的
例如
#shadow-root (open)
或#shadow-root (closed)
由**“用户”Web组件**创建:
的