如何在自定义webkit滚动条按钮时为"禁用"状态提供自定义CSS样式

Question

当滚动条拇指一直指向箭头时,普通镀铬滚动条箭头按钮具有类似禁用状态.

有::-webkit-scrollbar*样式滚动条的选择器.

我可以使用什么选择器来设置按钮的特定状态？::webkit-scrollbar-button:disabled不适用于这种状态.

Codepen:https://codepen.io/mattyork/pen/oGWOZY ？ edit = 1100

Answer 1

如果没有什么可滚动的，我会完全隐藏滚动条。

body {
        overflow: hidden;
        height: 100vh;
     }