在 OS X 中使用 USB 鼠标与无线/触控板时滚动条的外观不同

Sea*_*ass 6 css macos scrollbar

我刚刚意识到无论是否连接 USB 鼠标,Mac OS X 都会在浏览器中显示不同的滚动条。我尝试了下面的代码,看起来不错,但是现在当我断开鼠标的连接时,它也适用于无线设置,我已经对此感到满意(滚动条仅在滚动或悬停时显示)。

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 15px;
    background-clip: padding-box;
    border: 4px solid rgba(0, 0, 0, 0);
    -webkit-border-radius: 7px;
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}
::-webkit-scrollbar-thumb {
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}
Run Code Online (Sandbox Code Playgroud)

我可以: 1. 只为 USB 鼠标编写 CSS 吗?2. 做一些让 USB 鼠标看起来/行为像无线鼠标的事情。

谢谢!

Ale*_*xee 3

这是我发现的: OSX:删除使用鼠标时出现的滚动条

幸运的是,解决方案位于“常规首选项”窗格中。所需要做的就是将“显示滚动条”更改为“滚动时”,而不是“自动基于鼠标或触控板”。

在此输入图像描述

结论:我认为解决方案超出了我们/开发人员的控制范围。就交给用户吧。