vue中设置滚动条的样式

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

​// 直接写在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. overflow产生滚动样式设置

    2023-12-09 10:40:04       63 阅读
  2. css 美化滚动样式

    2023-12-09 10:40:04       67 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-09 10:40:04       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-09 10:40:04       101 阅读
  3. 在Django里面运行非项目文件

    2023-12-09 10:40:04       82 阅读
  4. Python语言-面向对象

    2023-12-09 10:40:04       91 阅读

热门阅读

  1. 关于torch.nn.Embedding的浅显理解

    2023-12-09 10:40:04       58 阅读
  2. C++11多线程基本知识点

    2023-12-09 10:40:04       48 阅读
  3. 《C++新经典设计模式》之第21章 解释器模式

    2023-12-09 10:40:04       42 阅读
  4. 自动补全的 select antd react

    2023-12-09 10:40:04       59 阅读
  5. 机器学习实验三:支持向量机模型

    2023-12-09 10:40:04       65 阅读
  6. CSS video控件去掉视频播放条

    2023-12-09 10:40:04       54 阅读
  7. Element-UI 数字类型输入框

    2023-12-09 10:40:04       64 阅读
  8. day9 栈实现队列

    2023-12-09 10:40:04       52 阅读