如何修改滚动条样式

如何修改滚动条样式

我使用Html+css来修改滚动条颜色，分享一下小知识

IE与谷歌浏览器是支持滚动条改变颜色，其它浏览器暂时接触不多，就不说明，打开Dreamweaver，新建一个html文档

在HTML文档里，添加css样式，

重点解释css里的滚动条属性：

scrollbar-arrow-color 是指滚动条里三角箭头的颜色，示例用的是黑色

scrollbar-face-color是指滚动条里滑块的颜色，示例用的绿色

scrollbar-highlight-color是指滚动条整体边框颜色，示例用的暗黄色

scrollbar-shadow-color: 是指滚动条阴影的颜色，示例用的灰黑色

scrollbar-track-color: 是指滚动条轨道颜色，示例用的淡黄色

将body的内容完善，准备测试看看是否有效

在body里，我们随意填充5组A到D的重复数据，选择IE浏览，观看效果，如图所示：三角箭头黑色，滑块绿色，轨道颜色淡黄色，都很清晰的显示出来，边框不明显，可以加粗测试！

最后，完善整体代码，希望所有人都可以完整测试出来