css 设置滚动条

最新推荐文章于 2024-06-12 11:03:19 发布

转载最新推荐文章于 2024-06-12 11:03:19 发布 · 84 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/akkz/archive/2012/01/16/2323421.html

本文介绍了如何使用CSS设置滚动条的各种样式属性，包括边框颜色、箭头颜色等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第26章 css设置滚动条

滚动条边框颜色

akkz scrollbar-3dlight-color:red
akkz scrollbar-3dlight-color:red
akkz scrollbar-3dlight-color:red
akkz scrollbar-3dlight-color:red
akkz scrollbar-3dlight-color:red
akkz scrollbar-3dlight-color:red
akkz scrollbar-3dlight-color:red

3D边界颜色(亮)

akkz scrollbar-highlight-color:#9CC
akkz scrollbar-highlight-color:#9CC
akkz scrollbar-highlight-color:#9CC
akkz scrollbar-highlight-color:#9CC
akkz scrollbar-highlight-color:#9CC
akkz scrollbar-highlight-color:#9CC
akkz scrollbar-highlight-color:#9CC

3D立体颜色(亮)

akkz scrollbar-face-color:#9cc
akkz scrollbar-face-color:#9cc
akkz scrollbar-face-color:#9cc
akkz scrollbar-face-color:#9cc
akkz scrollbar-face-color:#9cc
akkz scrollbar-face-color:#9cc
akkz scrollbar-face-color:#9cc

滚动条箭头颜色

akkz scrollbar-srrow-color:red
akkz scrollbar-srrow-color:red
akkz scrollbar-srrow-color:red
akkz scrollbar-srrow-color:red
akkz scrollbar-srrow-color:red
akkz scrollbar-srrow-color:red
akkz scrollbar-srrow-color:red

3D边界颜色(暗)

akkz scrollbar-shadow-color:blue
akkz scrollbar-shadow-color:blue
akkz scrollbar-shadow-color:blue
akkz scrollbar-shadow-color:blue
akkz scrollbar-shadow-color:blue
akkz scrollbar-shadow-color:blue
akkz scrollbar-shadow-color:blue

3D立体颜色(暗)

akkz scrollbar-darkshadow-color:blue
akkz scrollbar-darkshadow-color:blue
akkz scrollbar-darkshadow-color:blue
akkz scrollbar-darkshadow-color:blue
akkz scrollbar-darkshadow-color:blue
akkz scrollbar-darkshadow-color:blue
akkz scrollbar-darkshadow-color:blue

基准颜色

akkz scrollbar-base-color:blue
akkz scrollbar-base-color:blue
akkz scrollbar-base-color:blue
akkz scrollbar-base-color:blue
akkz scrollbar-base-color:blue
akkz scrollbar-base-color:blue
akkz scrollbar-base-color:blue

拖动区域颜色

akkz scrollbar-track-color:blue
akkz scrollbar-track-color:blue
akkz scrollbar-track-color:blue
akkz scrollbar-track-color:blue
akkz scrollbar-track-color:blue
akkz scrollbar-track-color:blue
akkz scrollbar-track-color:blue

这些是看书后练习的，不大好看……目的就是熟悉代码，并且把代码显示出来，方便查找啦：）

转载于:https://www.cnblogs.com/akkz/archive/2012/01/16/2323421.html