css如何修改滚动条样式,下面我们会用到webkit-scrollbar
(滚动条整体样式)、-webkit-scrollbar-thumb
(滚动条里面小方块样式)、-webkit-scrollbar-track
(滚动条里面轨道样式)。下面编程教程网小编给大家简单介绍一下具体样式。
具体代码如下:
/*滚动条*/
::-webkit-scrollbar-track-piece {
background-color: #fff;
}
::-webkit-scrollbar {
width: 13px;
height: 13px;
}
::-webkit-scrollbar-thumb {
background-color: #aaa;
background-clip: padding-box;
min-height: 28px;
}
::-webkit-scrollbar-thumb:hover {
background-color: #aaa;
}
以上是编程学习网小编为您介绍的“css如何修改滚动条样式”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:css如何修改滚动条样式


猜你喜欢
- JQuery contains的选择器 2024-02-24
- 30.vue的安装 2023-10-08
- 普通js文件里面如何访问vue实例this指针 2022-10-22
- JavaScript中FontFace对象的使用方式 2022-10-22
- CSS3 清除浮动的方法示例 2024-01-02
- 基于javascript的无缝滚动动画1 2024-02-22
- 在nginx提供的HTML文件中包含主机名 2023-10-28
- CSS-HTML练习 2023-10-27
- vue 3.x 环境搭建及项目创建 2023-10-08
- VUE3.0-手写实现组合API 2023-10-08