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;
  }
相关推荐
雪碧聊技术2 分钟前
Tree.js是什么?一文讲透
开发语言·javascript·ecmascript
Fireworks14 分钟前
深入vue3源码解读 -- 1、响应式的基础概念
前端
程序员黑豆15 分钟前
JDK 下载安装与配置详细教程
java·前端·ai编程
hunterandroid19 分钟前
文件存储:内部存储与外部存储
前端
VidDown27 分钟前
VidDown 工具站:免费、本地优先的开发者工具箱
javascript·编辑器·音视频·视频编解码·视频
NorBugs1 小时前
飞机大战 Low 版 (Made in AI)
前端
angerdream1 小时前
Android手把手编写儿童手机远程监控App之agentweb如何实现全屏
前端
星栈1 小时前
10 分钟跑起第一个 Dioxus 应用:`dx` CLI、`rsx!` 和热更新好不好用
前端·rust·前端框架
奋斗吧程序媛2 小时前
补充一个小知识点:有关@click.native
前端·vue.js
触底反弹2 小时前
🚀 手把手用 HTML5 Canvas 从零打造飞机大战游戏,代码全开源!
前端·javascript·canvas