css 修改scrollbar样式

滚动条从外观来看是由两部分组成:1,可以滑动的部分,我们叫它滑块2,滚动条的轨道,即滑块的轨道,一般来说滑块的颜色比轨道的颜色深。

 

滚动条的css样式主要有三部分组成:

1、::-webkit-scrollbar   定义了滚动条整体的样式;

2、::-webkit-scrollbar-thumb  滑块部分;

3、::-webkit-scrollbar-thumb  轨道部分;

.voyageItem::-webkit-scrollbar {
  	width: 6px;
    height: 6px;
}
.voyageItem::-webkit-scrollbar-thumb {
	background-color: #c2c2c2;
	background-clip: padding-box;
}

效果图:

你可能感兴趣的:(css)