如何查看-webkit-scrollbar和-webkit-scrollbar-track等的默认CSS样式？

Question

我正在尝试查看Webkit psuedoelements的默认css值（可能是源代码？），以便我可以创建与默认值非常相似但略有定制的自定义Webkit项。

这些项目是不显示在DOM中的阴影元素。您可以在chrome devtools设置中启用“显示用户代理阴影DOM”，Inspect webkit-input-placeholder with developer tools，但我仍然没有看到DOM中的元素。我怀疑用户代理样式表为这些Webkit项目提供了样式]

Answer 1

在浏览器中使用有问题的CSS加载页面，然后可以使用开发人员功能对其进行检查。

1. 右键单击页面
2. 在Chrome中，菜单选项为'检查'
3. 屏幕将拆分，页面源会显示在屏幕底部（不确定在手机上浏览会发生什么情况]
4. 在屏幕底部，您将看到html，在右下方，您会看到相关的CSS，在右侧选择了一些html。
5. 请注意，最右边有样式表的链接，请单击以查看
6. 不幸的是，该链接很难阅读，因为已删除所有空格和换行符，但是您可以将其粘贴到编辑器中，以使其更易于阅读