css设置滚动条样式

效果图:

javascript 复制代码
// 滚动条样式
div::-webkit-scrollbar {
    width: 4px;
}
/* 滚动条滑块(里面小方块) */
div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    opacity: 0.2;
    background-color: #4180EF;
}

/* 滚动条轨道 */
div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background-color: #DEDFE0;
}
相关推荐
D_C_tyu21 小时前
Vue3 + Element Plus | el-table 表格获取排序后的数据
javascript·vue.js·elementui
天外天-亮21 小时前
v-if、v-show、display: none、visibility: hidden区别
前端·javascript·html
沿着路走到底1 天前
JS事件循环
java·前端·javascript
子春一21 天前
Flutter 2025 可访问性(Accessibility)工程体系:从合规达标到包容设计,打造人人可用的数字产品
前端·javascript·flutter
jlspcsdn1 天前
20251222项目练习
前端·javascript·html
行走的陀螺仪1 天前
Sass 详细指南
前端·css·rust·sass
拉不动的猪1 天前
回顾计算属性的缓存与监听的触发返回结果
前端·javascript·vue.js
树欲静而风不止慢一点吧1 天前
小米手环9应用/游戏开发快速入门
前端·javascript·小程序
用户313050086271 天前
JavaScript中的迭代器和生成器
javascript