当前位置: 首页 > 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

相关文章:

  • 基于springboot社区医院管理系统
  • 【深度学习】Java DL4J 2024年度技术总结
  • 特殊类设计
  • 使用Websocket进行前后端实时通信
  • Qt中自定义信号与槽
  • numpy库ndarray维度问题
  • 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