小二哥's blog

----zhangzs8896(小二)
随笔 - 129, 文章 - 1, 评论 - 1822, 阅读 - 44万

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

滑动条的风格控制

Posted on   小二哥  阅读(579)  评论(0编辑  收藏  举报
转自: 闪吧
控制滚动条颜色的CSS属性说明
CSS属性属性说明
scrollbar-3dlight-color滚动条亮边框颜色
scrollbar-arrow-color滚动条方向箭头的颜色
scrollbar-darkshadow-color滚动条下边和右边的边沿颜色
scrollbar-face-color滚动条3D表面的颜色
scrollbar-highlight-color滚动条斜面和左面颜色
scrollbar-shadow-color滚动条下斜面和右面颜色
scrollbar-track-color滚动条底版颜色
scrollbar-base-color滚动条基准颜色。其它界面颜色将据此自动调整。(一般单独使用)

代码:
<style> 
body
{ 
scrollbar-3dlight-color
: #FFFFFF; 
scrollbar-arrow-color
:  #1948B4; 
scrollbar-darkshadow-color
: #1948B4; 
scrollbar-face-color
: #DAE6FF; 
scrollbar-highlight-color
: #DAE6FF; 
scrollbar-shadow-color
: #DAE6FF; 
scrollbar-track-color
: #FFFFFF; 
}
 
</style> 
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
点击右上角即可分享
微信分享提示