当前位置: 首页 > news >正文

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
}
http://www.lryc.cn/news/288818.html

相关文章:

  • Ubuntu环境vscode配置Log4cplus库
  • vue中,使用file-saver导出文件,下载Excel文件、下载图片、下载文本
  • 【VUE】v-if 和 v-show 大详解(多角度分析+面试简答版)
  • mac intel jdk安装与配置
  • Backtrader 文档学习-Bracket Orders
  • Python编程 从入门到实践(项目二:数据可视化)
  • Linux版本下载Centos操作
  • Offer必备算法_二分查找_八道力扣OJ题详解(由易到难)
  • SpringBoot对Bean的管理
  • 体验 AutoGen Studio - 微软推出的友好多智能体协作框架
  • 超简单的正则表达式从入门到精通
  • webpack常用配置
  • nodejs学习计划--(六)包管理工具
  • 数字地球开放平台农作物长势监测解决方案
  • react hooks 的useState:
  • 编程那么难,为什么不弄一个大众一学就会的计算机语言呢?
  • 论文阅读2---多线激光lidar内参标定原理
  • Ubuntu 22.04 apt 安装 ros1 ros Noetic Ninjemys
  • 单片机学习笔记---矩阵键盘
  • 第八篇 交叉编译华为云Iot SDK到Orangepi3B
  • 软件工程测试2
  • 31.【TypeScript 教程】混入(Mixins)
  • C语言常见面试题:什么是联合体,联合体的作用是什么?
  • Nginx进阶篇【五】
  • IndexedDB
  • git用法总结
  • 统计学-R语言-7.3
  • 在Idea中使用git查看历史版本
  • 书籍 - 《华杉讲透孙子兵法》 - 11
  • 2024 axios封装 包括请求拦截、错误码等