当前位置: 首页 > article >正文

修改 页面 滚动条样式

 

/* 整个页面的滚动条 */
::-webkit-scrollbar {
    width: 12px; /* 滚动条的宽度 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
    background: #f1f1f1; /* 轨道的背景颜色 */
    border-radius: 10px; /* 轨道的圆角 */
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    background: #888; /* 滑块的背景颜色 */
    border-radius: 10px; /* 滑块的圆角 */
}

/* 滚动条滑块悬停时的样式 */
::-webkit-scrollbar-thumb:hover {
    background: #555; /* 滑块悬停时的背景颜色 */
}


http://www.kler.cn/a/470542.html

相关文章:

  • gateway的路径匹配介绍
  • Kubernetes Ingress:流量管理的利器
  • Lianwei 安全周报|2024.1.7
  • 行为模式10.职责链模式
  • JAVA创建绘图板JAVA构建主窗口鼠标拖动来绘制线条
  • 常用LabVIEW算法及应用
  • 【React】漫游式引导
  • java开发springoot
  • 【苏德矿高等数学】第1讲:有界函数、无界函数、复合函数
  • DeepSpeed是什么,怎样使用
  • 个性化电影推荐系统|Java|SSM|JSP|
  • 【形式篇】年终总结怎么写:PPT如何将内容更好地表现出来
  • 5.C语言流程控制语句详解:if、switch、while、for、break、continue等
  • Vue Router v3.x 迁移到 v4.x(两者的区别)【路由篇】
  • 【模电】功率放大电路总结
  • 【C++数据结构——查找】二分查找(头歌实践教学平台习题)【合集】
  • 【渗透测试术语总结】
  • Zero to JupyterHub with Kubernetes 下篇 - Jupyterhub on k8s
  • 人工智能的发展领域之GPU加速计算的应用概述、架构介绍与教学过程
  • 【H3CNE邓方鸣】路由协议概述+2025.1.5
  • SQLite 的未来发展与展望
  • 【vue3封装element-plus的反馈组件el-drawer、el-dialog】
  • 解决 IntelliJ IDEA 中 Tomcat 日志乱码问题的详细指南
  • STLG_01_14_程序设计C语言 - 函数与程序结构
  • 基于ROS先验地图的机器人自主定位与导航SLAM
  • 基于单片机的直流稳压电源的设计(论文+源码)