html 滚动条样式
2024-08-21 12:12:41
转载:https://www.cnblogs.com/yclblog/p/6806496.html
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
width: 10px; /*滚动条宽度*/
height: 16px; /*滚动条高度*/
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px; /*滚动条的背景区域的圆角*/
background-color: transparent; /*滚动条的背景颜色*/
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
border-radius: 10px; /*滚动条的圆角*/
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #8fa4bd; /*滚动条的背景颜色*/
}
最新文章
- 【转】visio中关于shape属性的修改和读取
- Sniffer的完整代码,基于winpcap抓包统计吞吐量
- myEclipse svn插件安装
- java和h5 canvas德州扑克开发中(二)
- OkHttp,Retrofit 1.x - 2.x 基本使用
- enmo_day_10
- Javascript 笔记与总结(2-5)window 对象
- SQuirreL 连接 hive
- Python 读写excel数据
- .NET DLL 保护措施应用实例(百度云批量保存工具)
- 原型模式(Prototype Pattern)
- Lenovo Y430P安装Linux无线网卡
- D3.js学习记录【转】【新】
- UNIX系统接口
- Mutillidae在kali linux上的安装
- 【链表】Bzoj1098[POI2007]办公楼biu
- 1.[Andriod]之Andriod布局 VS WinPhone布局
- Spring IOC、AOP、Transaction、MVC小结
- ip访问网站和localhost访问网站中top使用
- ListView的BeginUpdate()和EndUpdate()的用处