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;
  }
相关推荐
放逐者-保持本心,方可放逐几秒前
地图 热力图核心封装
javascript·cpu·gpu·热力图·cesium·核心渲染判断·渲染管线优化
窝子面3 分钟前
Nestjs框架使用
javascript
HWL56796 分钟前
使用CSS实现,带有动态浮动高亮效果的导航菜单
前端·css
GISer_Jing7 分钟前
AI Agent技能Skills设计
前端·人工智能·aigc·状态模式
大漠_w3cpluscom10 分钟前
使用 sibling-index() 和 if() 实现动态的 :nth-child()
前端
早點睡39020 分钟前
ReactNative项目OpenHarmony三方库集成实战:@react-native-oh-tpl/react-native-fast-image
javascript·react native·react.js
小江的记录本24 分钟前
【PageHelper】 【Spring Boot + MyBatis + PageHelper】 完整项目示例+PageHelper核心原理深度解析
java·前端·spring boot·后端·sql·spring·mybatis
JamesYoung797126 分钟前
第九部分 — 打包、调试和发布 发布前的打包与发布检查清单(Chrome 应用商店)
前端·chrome
朵朵奇葩向阳开#27 分钟前
【无标题】
javascript·typescript·ruby·laravel·perl·composer
多加点辣也没关系27 分钟前
Node.js 与 npm 的安装与配置(详细教程)
前端·npm·node.js