css重写滚动条样式
最近table中有列的td必须上滚动条，但是默认的样式实在是太丑了，但是好久没⽤了忘记了，查了下，顺便记录⼀下默认的滚动条样式是这样的，有时候和项⽬的样式风格不符合，只能重写⼀下样式。
如果是横向滚动条，就重写height 纵向就重写width，演⽰图中我重写就是height。
然后分别重写了滚动条的滑块背景颜⾊ 然后重写了外层轨道的背景颜⾊
2  height: 4px;
3  //width: 4px;
4}
5
7  background: rgb(65 53 243 / 45%);
8  border-radius: 25px;
9}
10
css设置表格滚动条11.your-div-class::-webkit-scrollbar-track {
12  background: rgba(0,0,0,0.1);
13  border-radius: 25px;
14}
这是修改之后的样式
下⾯列出了所有可以修改的属性
:
:-webkit-scrollbar 滚动条整体部分，设置宽度
::-webkit-scrollbar-button 滚动条两端的按钮
::-webkit-scrollbar-track  外层轨道
::-webkit-scrollbar-track-piece  内层滚动槽
::-webkit-scrollbar-thumb 滚动的滑块
::-webkit-scrollbar-corner 边⾓
::-webkit-resizer 定义右下⾓拖动块的样式

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。