CSS如何改变滚动条的颜色样式粗细?

默认滚动条很丑怎么办?如何改版滚动条的粗细,颜色,让它更美观?CSS如何改变滚动条的粗细?

干货来了

html 复制代码
/* Webkit内核浏览器的滚动条样式 */
::-webkit-scrollbar {
  width: 4px; /* 设置滚动条的宽度 */
}

::-webkit-scrollbar-thumb {
  background-color: #0A2148; /* 设置滚动条的颜色 */
}

/* Firefox浏览器的滚动条样式 */
::-moz-scrollbar {
  width: 4px; /* 设置滚动条的宽度 */
}

::-moz-scrollbar-thumb {
  background-color: #0A2148; /* 设置滚动条的颜色 */
}

效果图

🧨🧨🧨 完结,撒花~ ,记得收藏 ~

相关推荐
一只小阿乐13 小时前
前端react 开发 图书列表分页
前端·react.js·react·ant-
鎏金铁匠13 小时前
跟着ECMAScript 规范,手写数组方法之map
javascript
IT古董13 小时前
在 React 项目中使用 Ky 与 TanStack Query 构建现代化数据请求层
前端·react.js·前端框架
夏日不想说话13 小时前
一文搞懂 AI 流式响应
前端·node.js·openai
顾安r14 小时前
11.14 脚本网页 青蛙过河
服务器·前端·python·游戏·html
不爱吃糖的程序媛14 小时前
Electron 智能文件分析器开发实战适配鸿蒙
前端·javascript·electron
Doro再努力14 小时前
2025_11_14洛谷【入门1】数据结构刷题小结
前端·数据结构·算法
IT_陈寒15 小时前
SpringBoot 3.2新特性实战:这5个隐藏技巧让你的应用性能飙升50%
前端·人工智能·后端
flashlight_hi15 小时前
LeetCode 分类刷题:3217. 从链表中移除在数组中存在的节点
javascript·数据结构·leetcode·链表
Java追光着15 小时前
React Native 自建 JS Bundle OTA 更新系统:从零到一的完整实现与踩坑记录
javascript·react native·react.js