css滚动条样式


滚动条样式


bash 复制代码
  .d1 {
    height: 200px;
    width: 300px;
    overflow-y: scroll;
    border: 1px solid #ccc;
  }

  .d1 > div {
    text-align: center;
  }

  ::-webkit-scrollbar-track {
    background: pink !important;
  }

  ::-webkit-scrollbar-thumb {
    background: linear-gradient(orange, red) !important;
    border-radius: 10px !important;
  }

  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
相关推荐
GISer_Jing14 分钟前
前端营销技术实战:数据+AI实战指南
前端·javascript·人工智能
GIS之路33 分钟前
使用命令行工具 ogr2ogr 将 CSV 转换为 Shp 数据(二)
前端
嘉琪0011 小时前
Vue3+JS 高级前端面试题
开发语言·前端·javascript
vipbic2 小时前
用 Turborepo 打造 Strapi 插件开发的极速全栈体验
前端·javascript
天涯学馆2 小时前
为什么 JavaScript 可以单线程却能处理异步?
前端·javascript
Henry_Lau6172 小时前
主流IDE常用快捷键对照
前端·css·ide
陶甜也2 小时前
使用Blender进行现代建筑3D建模:前端开发者的跨界探索
前端·3d·blender
C+++Python2 小时前
CSS Grid和Flexbox有什么区别?
css
我命由我123453 小时前
VSCode - Prettier 配置格式化的单行长度
开发语言·前端·ide·vscode·前端框架·编辑器·学习方法
HashTang3 小时前
【AI 编程实战】第 4 篇:一次完美 vs 五轮对话 - UnoCSS 配置的正确姿势
前端·uni-app·ai编程