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;
  }
相关推荐
小妖别跑14 分钟前
PDA(程序派生地址,Program Derived Address),为什么有这个地址,而不是直接指定地址
前端·智能合约
2301_7969821431 分钟前
网页打开时,下载的文件text/html/重定向类型有什么作用?
前端·html
重生之我在20年代敲代码32 分钟前
HTML讲解(二)head部分
前端·笔记·html·web app
天下无贼!38 分钟前
2024年最新版TypeScript学习笔记——泛型、接口、枚举、自定义类型等知识点
前端·javascript·vue.js·笔记·学习·typescript·html
小白小白从不日白1 小时前
react 高阶组件
前端·javascript·react.js
程序员大金1 小时前
基于SpringBoot+Vue+MySQL的智能物流管理系统
java·javascript·vue.js·spring boot·后端·mysql·mybatis
Mingyueyixi2 小时前
Flutter Spacer引发的The ParentDataWidget Expanded(flex: 1) 惨案
前端·flutter
Rverdoser3 小时前
unocss 一直热更新打印[vite] hot updated: /__uno.css
前端·css
Bang邦3 小时前
使用nvm管理Node.js多版本
前端·node.js·node多版本管理