如何查看-webkit-scrollbar和-webkit-scrollbar-track等的默认CSS样式？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何查看-webkit-scrollbar和-webkit-scrollbar-track等的默认CSS样式？相关的知识，希望对你有一定的参考价值。
我正在尝试查看Webkit psuedoelements的默认css值（可能是源代码？），以便我可以创建与默认值非常相似但略有定制的自定义Webkit项。
这些项目是不显示在DOM中的阴影元素。您可以在chrome devtools设置中启用“显示用户代理阴影DOM”，Inspect webkit-input-placeholder with developer tools，但我仍然没有看到DOM中的元素。我怀疑用户代理样式表为这些Webkit项目提供了样式]
答案
在浏览器中使用有问题的CSS加载页面，然后可以使用开发人员功能对其进行检查。
- 右键单击页面
- 在Chrome中，菜单选项为'检查'
- 屏幕将拆分，页面源会显示在屏幕底部（不确定在手机上浏览会发生什么情况]
- 在屏幕底部，您将看到html，在右下方，您会看到相关的CSS，在右侧选择了一些html。
- 请注意，最右边有样式表的链接，请单击以查看
- 不幸的是，该链接很难阅读，因为已删除所有空格和换行符，但是您可以将其粘贴到编辑器中，以使其更易于阅读
以上是关于如何查看-webkit-scrollbar和-webkit-scrollbar-track等的默认CSS样式？的主要内容，如果未能解决你的问题，请参考以下文章
是否有 -moz 等效于 ::-webkit-scrollbar？ [复制]
CSS3自定义滚动条样式 -webkit-scrollbar
为啥 QWebkit 在 -webkit-scrollbar css 中使用时不解析 file:// 和 qrc://？