html - 如何自定义滚动条

Question

您好，我目前正在以下网站上工作 http://koogen.net/wp/

id:测试通过:2015

我有两列，我们可以在其中滚动查看内容。我一直在 Mac 中编码，但我意识到在 IE、Windows 中，滚动条具有这种透明的灰色轨道颜色和设计，与 Mac 浏览器看起来不一样。

Mac 中显示的滚动条

Win 中显示的滚动条背景为灰色，并且挡住了 Logo

如何自定义它们这样滚动条看起来与 Mac 的一样。

任何帮助将不胜感激!

Answer 1

将以下内容添加到您的 CSS:

body {
     scrollbar-base-color: #C0C0C0;
     scrollbar-base-color: #C0C0C0;
     scrollbar-3dlight-color: #C0C0C0;
     scrollbar-highlight-color: #C0C0C0;
     scrollbar-track-color: #EBEBEB;
     scrollbar-arrow-color: black;
     scrollbar-shadow-color: #C0C0C0;
     scrollbar-dark-shadow-color: #C0C0C0;
}

根据您的要求自定义颜色