如何查看-webkit滚动条和-webkit滚动条轨迹等的默认css样式?

如何查看-webkit滚动条和-webkit滚动条轨迹等的默认css样式?,css,webkit,Css,Webkit,我正在尝试查看webkit psuedoelements的默认css值(可能是源代码?),以便创建与默认值非常相似但稍微定制的自定义webkit项 这些项是DOM中不显示的阴影元素。根据,您可以在chrome devtools设置中启用“显示用户代理阴影DOM” ,但我仍然没有在DOM中看到元素。我怀疑这些样式是由用户代理样式表为这些webkit项目提供的在浏览器中加载一个使用CSS的页面,然后您可以使用开发人员功能来检查它 右键单击页面 在Chrome中,菜单选项为“检查” 屏幕将拆分,页面源

我正在尝试查看webkit psuedoelements的默认css值(可能是源代码?),以便创建与默认值非常相似但稍微定制的自定义webkit项

这些项是DOM中不显示的阴影元素。根据,您可以在chrome devtools设置中启用“显示用户代理阴影DOM”
,但我仍然没有在DOM中看到元素。我怀疑这些样式是由用户代理样式表为这些webkit项目提供的

在浏览器中加载一个使用CSS的页面,然后您可以使用开发人员功能来检查它

  • 右键单击页面
  • 在Chrome中,菜单选项为“检查”
  • 屏幕将拆分,页面源显示在屏幕底部(不确定在手机上浏览时会发生什么情况)
  • 在屏幕底部,您将看到html,在右下角,您将看到相关的CSS,您可以在右侧选择一些html
  • 注意,最右侧有一个指向样式表的链接,单击可查看
  • 不幸的是,该链接很难阅读,因为所有空格和换行符都已删除,但您可以将其粘贴到编辑器中,使其更易于阅读

  • 这些是在DOM中不显示的阴影项(请参见我编辑的解释),因此这不起作用,然后获取Fiddler,它将显示所有内容。