仅在 Windows 上应用滚动条样式

问题描述

我想为 div 提供滚动条样式，但仅适用于 Windows 系统。

大多数移动设备都有不可见的滚动条，我不想让它们可见。 Mac OS 滚动条对我来说还不错，我只需要让 Windows 上的大灰色滚动条更类似于 Mac OS 上的滚动条。

是否有媒体查询或其他类似方法可以仅针对窗口滚动条进行样式设置？

解决方法

您可以使用此 css 创建自定义滚动条

<style>
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
</style>

希望对你有帮助

谢谢

css-selectors scrollbar