如何在Chrome开发者工具中检查本机控件的影子DOM?

mrwjdhj3  于 2023-11-14  发布在  Go
关注(0)|答案(1)|浏览(160)

我想设计一个原生输入元素的样式,该元素在Chrome has a shadow root中可以使用许多伪选择器进行样式化。显然可以在开发人员工具和I'm told it looks like this中看到阴影根:


的数据
但是,我看不到此影子根(在Chrome 118中)。如何在开发人员工具中查看影子根?

lnlaulya

lnlaulya1#

在“开发人员工具”设置中使用:


的数据

但您不能为#shadow-root (user-agent) shadowDOM设置样式
由**“浏览器”Web组件**创建:



例如#shadow-root (open)#shadow-root (closed)
由**“用户”Web组件**创建:


相关问题