HTML div 滚动条样式设计
2024-10-12 10:18:26
::-webkit-scrollbar-track-piece{
background-color:#fff;/*滚动条的背景颜色*/
-webkit-border-radius:0;/*滚动条的圆角宽度*/
}
::-webkit-scrollbar{
width:8px;/*滚动条的宽度*/
height:8px;/*滚动条的高度*/
}
::-webkit-scrollbar-thumb:vertical{/*垂直滚动条的样式*/
height:50px;
background-color:#999;
-webkit-border-radius:4px;
outline:2px solid #fff;
outline-offset:-2px;
border:2px solid #fff;
}
::-webkit-scrollbar-thumb:hover{/*滚动条的hover样式*/
height:50px;
background-color:#9f9f9f;
-webkit-border-radius:4px;
}
::-webkit-scrollbar-thumb:horizontal{/*水平滚动条的样式*/
width:5px;
background-color:#CCCCCC;
-webkit-border-radius:6px;
}
div::-webkit-scrollbar{
width:8px;/*滚动条的宽度*/
}
通过该种方式设计div的滚动条样式。
最新文章
- IE不能上网,但是其他浏览器可以
- scrapy爬虫结果插入mysql数据库
- UWP 设备分辨率
- JAVA修饰符
- DataTable数据导出CSV文件
- JavaScript 左右上下自动晃动,自动移动。
- 浅析Linux下进程间通信:共享内存
- GetComponent
- Get与Post的一些总结
- 【Android】SDK工具学习 - Traceview 和 dmtracedump
- Codeforces Round #181 (Div. 2) B. Coach 带权并查集
- kafka在zookeeper中的存储结构
- TestNG关键字和testNG.xml结构学习
- MVC 传参
- 第三次冲刺spring会议(第一次会议)
- 如何通过binlog获取我们想要的MySql语句?
- 坑人的toLocaleDateString和简单地跳坑方式
- 小白学爬虫-批量部署Splash负载集群
- logcat不显示信息
- super()方法的使用