css修改整个项目的滚动条样式
2024-10-18 23:29:10
在项目中，滚动条不可避免的要出现。设置统一规范的滚动条也是必然。用一个独立的css文件即可修改整个项目中的滚动条样式 。
scrollBar.css:
/* 滚动条有滑块的轨道部分 */
::-webkit-scrollbar-track-piece {
background-color: #00000000;
border-radius:;
} /* 整个滚动条 */
::-webkit-scrollbar {
width: 8px;
} /* 滚动条竖向滑块 */
::-webkit-scrollbar-thumb:vertical {
background-color: rgba(255, 255, 255, .1);
border-radius: 2px;
} /* 滚动条竖向滑块hover */
::-webkit-scrollbar-thumb:vertical:hover {
background-color: rgba(255, 255, 255, .2);
border-radius: 4px;
} /* 滚动条横向滑块 */
::-webkit-scrollbar-thumb:horizontal {
background-color: rgba(255, 255, 255, .1);
border-radius: 2px;
} /* 滚动条横向滑块hover */
::-webkit-scrollbar-thumb:horizontal:hover {
background-color: rgba(255, 255, 255, .2);
border-radius: 4px;
} /* 同时有垂直和水平滚动条时交汇的部分 */
::-webkit-scrollbar-corner {
display: block; /* 修复交汇时出现的白块 */
}
最新文章
- （Hibernate进阶）Hibernate基本原理（一）
- NEFU 2016省赛演练一 F题 (高精度加法)
- php and web service with wsdl
- 将eclipse新建项目的默认编码GBK改为UTF-8
- 关于mtk Android打开串口权限问题
- .NET(C#)：在数组成员上加入XmlElement特性
- Linux：crontab的安装以及使用方法
- 为CKEditor开发插入代码的插件 已提供下载
- 什么是IPFS?(三)
- Windows Server 2016-Windows安全日志ID汇总
- 解决ajax get post方式提交中文参数乱码问题
- docker开启加速（第三篇）
- jQuery同一标签多个相同事件 return语句 表单提交实例
- Real Time Rendering 2
- C语言的问题，头文件：keil也许有漏洞
- 2016最新的中国省市区三级数据库表.sql mssql
- IEEEXtreme Practice Community Xtreme9.0 - Dictionary Strings
- [Maven]Maven中的一些基本概念
- HP LoadRunner 12.02 Tutorial T7177-88037教程独家中文版
- 解读超轻量级DI容器-Guice与Spring框架的区别【转载】