多语言展示
当前在线:1425今日阅读:26今日分享:39

如何修改滚动条样式

我使用Html+css来修改滚动条颜色,分享一下小知识
工具/原料
1

Dreamweaver

2

电脑

方法/步骤
1

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

2

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

3

重点解释css里的滚动条属性: scrollbar-arrow-color 是指滚动条里三角箭头的颜色,示例用的是黑色scrollbar-face-color是指滚动条里滑块的颜色,示例用的绿色scrollbar-highlight-color是指滚动条整体边框颜色,示例用的暗黄色scrollbar-shadow-color: 是指滚动条阴影的颜色,示例用的灰黑色scrollbar-track-color: 是指滚动条轨道颜色,示例用的淡黄色将body的内容完善,准备测试看看是否有效

4

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

5

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

 A: aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaB:   C:    D:A: aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaB:  C: D:    A: aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaB:   C: D:    A: aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaB:  C: D:    A: aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaB: C: D:    A: aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaB:  C: D:   

注意事项

实际动手做了就知道这个不难,仅供分享

推荐信息