vue中设置滚动条的样式

在vue项目中,想要设置如下图中所示滚动条的样式,可以采用如下方式:

javascript 复制代码
​// 直接写在vue.app文件中
::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
::-webkit-scrollbar-thumb { //滑块部分
  // border-radius: 5px;
  background-color: #1890ff;
}
::-webkit-scrollbar-track { //轨道部分
  // box-shadow: inset 0 0 5px #ddd;
  background: #ddd;
  // border-radius: 5px;
}

​
相关推荐
再学一点就睡1 小时前
手写 Promise 静态方法:从原理到实现
前端·javascript·面试
再学一点就睡2 小时前
前端必会:Promise 全解析,从原理到实战
前端·javascript·面试
前端工作日常2 小时前
我理解的eslint配置
前端·eslint
前端工作日常3 小时前
项目价值判断的核心标准
前端·程序员
90后的晨仔3 小时前
理解 Vue 的列表渲染:从传统 DOM 到响应式世界的演进
前端·vue.js
OEC小胖胖4 小时前
性能优化(一):时间分片(Time Slicing):让你的应用在高负载下“永不卡顿”的秘密
前端·javascript·性能优化·web
烛阴4 小时前
ABS - Rhomb
前端·webgl
植物系青年4 小时前
10+核心功能点!低代码平台实现不完全指南 🧭(下)
前端·低代码
植物系青年4 小时前
10+核心功能点!低代码平台实现不完全指南 🧭(上)
前端·低代码
小小李程序员4 小时前
JSON.parse解析大整数踩坑
开发语言·javascript·json