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

效果图

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

相关推荐
S***t71436 分钟前
Vue面试经验
javascript·vue.js·面试
粉末的沉淀1 小时前
css:制作带边框的气泡框
前端·javascript·css
p***h6432 小时前
JavaScript在Node.js中的异步编程
开发语言·javascript·node.js
N***73853 小时前
Vue网络编程详解
前端·javascript·vue.js
e***71673 小时前
Spring Boot项目接收前端参数的11种方式
前端·spring boot·后端
程序猿小蒜3 小时前
基于springboot的的学生干部管理系统开发与设计
java·前端·spring boot·后端·spring
银空飞羽3 小时前
让Trae CN SOLO自主发挥,看看能做出一个什么样的项目
前端·人工智能·trae
西游音月3 小时前
(4)pytest+Selenium自动化测试-元素定位之CSS Selector定位
css·selenium·pytest
Eshine、3 小时前
解决前端项目中,浏览器无法正常加载带.gz名称的文件
前端·vue3·.gz·.gz名称的js文件无法被加载
q***38514 小时前
TypeScript 与后端开发Node.js
javascript·typescript·node.js