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;
}
相关推荐
不做超级小白2 小时前
JavaScript反爬技术解析与应对
开发语言·javascript·ecmascript
engchina3 小时前
使用Express.js和SQLite3构建简单TODO应用的后端API
javascript·sqlite·express
prince_zxill4 小时前
Array.prototype 方法在复杂数据处理中的应用
前端·javascript·原型模式
键.4 小时前
react-bn-面试
javascript·react.js·ecmascript
无限大.5 小时前
前端知识速记--CSS篇:display
前端·css
prince_zxill6 小时前
WebSocket 实时通信详解:原理、应用与实践
javascript·网络·websocket·网络协议
打野赵怀真6 小时前
行内元素和块级元素有什么区别,如何相互转换?
前端·javascript
Orange3015119 小时前
深入剖析Electron的原理
前端·javascript·electron
大模型铲屎官10 小时前
告别页面刷新!如何使用AJAX和FormData优化Web表单提交
前端·javascript·ajax·html·编程·页面刷新·表单提交
子非鱼92113 小时前
两栏布局、三栏布局、水平垂直居中
前端·javascript·css