overflow产生的滚动条样式设置

修改overflow产生的滚动条样式,主要可以通过如下三个伪元素设置:

1)-webkit-scrollbar:设置水平滚动条的高度,垂直滚动的宽度

2)-webkit-scrollbar-thumb:设置滚动条里面的滑块样式

3)-webkit-scrollbar-track:设置滚动条的轨道背景样式

/*滚动条bai整体*/
::-webkit-scrollbar{
   
    width:14px; /*设置纵向滚动条滚动条宽度*/
    height:14px;/*设置横向滚动条的高度*/
}
/*滚动条按钮*/
::-webkit-scrollbar-button {
   
}
/*设置滚动条路径的样式*/
::-webkit-scrollbar-track{
    background-color:#F3F3F3
}
/*设置滚动条样式*/
::-webkit-scrollbar-thumb{
    background-color:#F3F3F3
}

相关推荐

  1. overflow产生滚动样式设置

    2024-01-27 06:28:02       63 阅读
  2. css 美化滚动样式

    2024-01-27 06:28:02       66 阅读
  3. CSS 滚动样式修改

    2024-01-27 06:28:02       40 阅读
  4. CSS 滚动样式修改

    2024-01-27 06:28:02       46 阅读

最近更新

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

    2024-01-27 06:28:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-27 06:28:02       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-27 06:28:02       82 阅读
  4. Python语言-面向对象

    2024-01-27 06:28:02       91 阅读

热门阅读

  1. 介绍一下OpenCV中常用的图像处理函数

    2024-01-27 06:28:02       45 阅读
  2. uniapp获取定位

    2024-01-27 06:28:02       44 阅读
  3. 看书标记【数据科学:R语言实战 2】

    2024-01-27 06:28:02       44 阅读
  4. Lowest Common Ancestor

    2024-01-27 06:28:02       60 阅读
  5. 汇编中$+6的意义与理解

    2024-01-27 06:28:02       50 阅读
  6. ES系列索引、文档、集群、技术原理文章目录

    2024-01-27 06:28:02       57 阅读
  7. 【算法题】74. 搜索二维矩阵

    2024-01-27 06:28:02       44 阅读
  8. 初识HarmonyOS

    2024-01-27 06:28:02       54 阅读
  9. 数据安全与数据交易中的安全

    2024-01-27 06:28:02       55 阅读