CSS设置浏览器滚动条样式
2024-08-30 14:55:37
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
width: 5px;
height: 110px;
background-color: #F5F5F5;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #bdbdbd;
}
/*滑块效果*/
::-webkit-scrollbar-thumb:hover
{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: rgba(0,0,0,0.4);
}
最新文章
- ASP.NET Core ";完整发布,自带运行时"; 到jexus
- paper 131:【图像算法】图像特征:GLCM【转载】
- 修改NLS_DATE_FORMAT的四种方式
- opencv6.3-imgproc图像处理模块之边缘检测
- hdu1087 最大递增子段和
- C++创建对象的两种方式
- PAT天梯赛练习题 L3-002. 堆栈(线段树查询第K大值或主席树)
- ionic 项目的启动屏幕
- POI根据EXCEL模板,修改内容导出新EXCEL (只支持HSSF)
- (转)Objective-C中的instancetype和id区别
- 安卓里面JSON处理和JAVA SE里面的JSON包
- SMACSS:一个关于CSS的最佳实践-1.Overview
- CSA 第五届研讨会 想象
- 第35篇 IIS执行原理
- ubuntu安装latex
- (poj 2253) Frogger 最短路上的最大路段
- (原)tensorflow中使用指定的GPU及GPU显存
- Apache Spark 2.2.0 新特性详细介绍
- centos 部署.netcore 开发环境
- Java注解Annotation学习笔记