提问人：jameshfisher 提问时间：10/21/2023 更新时间：10/22/2023 访问量：34
如何在 Chrome 开发者工具中检查原生控件的影子 DOM？
How can I inspect the shadow DOM of native controls in Chrome developer tools?
问：
我想设置本机输入元素的样式，该元素在 Chrome 中具有影子根，可以使用许多伪选择器进行样式设置。显然可以在开发人员工具中看到影子根，我被告知它看起来像这样：
但是，我看不到这个影子根（在 Chrome 118 中）。如何在开发人员工具中查看影子根？
答：
2赞
Danny '365CSI' Engelman
10/22/2023
#1
在开发人员工具设置中：
.
但是你不能设置“浏览器”Web 组件创建的 shadowDOM
的样式：#shadow-root (user-agent)
就像您可以或由“用户”Web 组件
创建一样：#shadow-root (open)#shadow-root (closed)
评论