如何自定义滚动条

时间:2015-08-01 14:28:25

标签: html css internet-explorer scrollbar

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

ID:测试 通过:2015

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

scroll bar shown in Mac Mac中显示的滚动条

scroll bar shown in Win has grey background and it gets in a way of the logo Win中显示的滚动条具有灰色背景,它以徽标的方式显示

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

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:0)

将以下内容添加到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;
}

根据您的要求自定义颜色