如何在滚动条上“检查元素”？

Posted 2023-03-07

【中文标题】如何在滚动条上“检查元素”？

【英文标题】：How to "inspect element" on scrollbar?

【发布时间】：2013-08-08 15:33:45

【问题描述】：

使用 webkit，可以修改滚动条样式。但是，在 chrome 中调试时，我无法在滚动条上“检查元素”。有什么解决方法吗？

【参考方案1】：

滚动条是正文元素的一部分，您将无法“检查”非 html 元素。

要查看应用于滚动条的 CSS 样式，只需检查滚动条所属的元素即可。

【讨论】：

好吧，我并不是说它是实际的 html 元素，但它可以设置样式，这意味着您理论上可以检查应用于它的样式...

如果您想查看主滚动条（主体）上的样式，只需将检查器指向主体元素即可。样式将显示在样式侧边栏中。

对于其他可能正在寻找答案的人，样式通常位于元素样式的最底部 (imgur.com/iO5gsMw)

【参考方案2】：

检查您有兴趣查看滚动条样式的元素，然后转到“样式”部分的底部。你会发现伪元素的定义

【讨论】：

这个答案让我到达了我需要去的地方。接受的答案让我觉得我问这个问题是个白痴。