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

CSS3 修改滚动条样式

上图:

上代码:

/* 修改垂直滚动条 */
.right-list::-webkit-scrollbar {
    width: 2px; /* 修改宽度 */
    height: 5px; /* 修改高度 */
}
/* 修改滚动条轨道背景色 */
.right-list::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}
/* 修改滚动条滑块颜色 */
.right-list::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 6px; /* 修改滑块圆角 */
}
/* 修改滚动条滑块悬停时的颜色 */
.right-list::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}


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

相关文章:

  • 【mysql的当前读和快照读】
  • 城市轨道交通数据可视化的应用与优势
  • 会话信息处理: HttpSession、token序列化、收集登录设备信息、基于`spring-session-data-redis`实现session共享。
  • 「Mac玩转仓颉内测版12」PTA刷题篇3 - L1-003 个位数统计
  • 【FFmpeg】FFmpeg 函数简介 ③ ( 编解码相关函数 | FFmpeg 源码地址 | FFmpeg 解码器相关 结构体 和 函数 )
  • 【Java语言】String类
  • ThreadLocal的理解和使用
  • IntelliJ IDEA 之初体验(上)
  • [LeetCode周赛复盘] 第 374 场周赛20231203
  • 图像生成MaaS服务
  • chatgpt prompt提示词
  • abapgit 安装及使用
  • Redis集合对象
  • 对某登录站点的JS前端逆向思路
  • Git中如何按日期进行checkout
  • React--引入第三方插件时,标签名是小写报错问题
  • 创意项目开源,文生图、排序/优选等...,持续开源更新!!
  • docker-速通
  • Django大回顾 -3 之响应对象、cbv和fbv、关于类中self是谁的问题、上传文件、模版
  • 引用计数 Rc 数据类型
  • 【Python百宝箱】分布式魔法:穿越分布式奇境的导航
  • 深度学习——第1章 深度学习的概念及神经网络的工作原理
  • LeetCode 1423. 可获得的最大点数:滑动窗口
  • 智加科技获全国首张重卡无人驾驶开放道路测试牌照
  • RabbitMQ架构是什么样的
  • 【SpringBoot】讲清楚日志文件lombok