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; /* 设置滚动条的颜色 */
}

效果图

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

相关推荐
一个不爱写代码的瘦子5 分钟前
迭代器和生成器
前端·javascript
拳打南山敬老院6 分钟前
漫谈 MCP 构建之概念篇
前端·后端·aigc
前端老鹰7 分钟前
HTML <output> 标签:原生表单结果展示容器,自动关联输入值
前端·html
OpenTiny社区8 分钟前
OpenTiny NEXT 内核新生:生成式UI × MCP,重塑前端交互新范式!
前端·开源·agent
耶耶耶11113 分钟前
web服务代理用它,还不够吗?
前端
Liamhuo1 小时前
2.1.7 network-浏览器-前端浏览器数据存储
前端·浏览器
洋葱头_1 小时前
vue3项目不支持低版本的android,如何做兼容
前端·vue.js
前端小书生1 小时前
React 组件渲染
前端·react.js
sjd_积跬步至千里1 小时前
CSS实现文字横向无限滚动效果
前端
维他AD钙1 小时前
前端基础避坑:3 个实用知识点的简单用法
前端