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

效果图

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

相关推荐
江城开朗的豌豆3 分钟前
Vue Router vs location.href:导航跳转的正确姿势,你选对了吗?
前端·javascript·vue.js
小磊哥er8 分钟前
【前端工程化】如何制定前端项目中的页面模版?
前端
Liudef0611 分钟前
基于HTML与Java的简易在线会议系统实现
java·前端·html
2401_8812444014 分钟前
javaweb———html
前端·javascript·html
江城开朗的豌豆14 分钟前
玩转Vue Router:这些实用组件让你的SPA如虎添翼!
前端·javascript·vue.js
前端小巷子18 分钟前
Web开发中的文件下载
前端·javascript·面试
peakmain925 分钟前
Gradle 8.11.1的升级之旅
前端
一拳不是超人35 分钟前
PWA渐进式Web应用技术深度解析
前端·pwa
KaneLogger37 分钟前
视频转文字,别再反复拖进度条了
前端·javascript·人工智能
前端风云志1 小时前
JavaScript中如何遍历对象?
javascript