浏览器右侧滚动条如何设置

  • 发布时间:2021-12-04 17:06:37
  • 点击量:
  • 博客

浏览器旁边的滚动条,默认的可能太丑了,有些靓仔可能需要美化下,CSS代码如下:

/*控制浏览器滚动条代码*/
::-webkit-scrollbar {
width: 6px;
background-color: #fff;
}

::-webkit-scrollbar-track {
border-radius: 6px;
background-color: #fff;
}

::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: #0045ff;
}

*::-webkit-media-controls-start-playback-button {
display: none ;
-webkit-appearance: none;
}
*::-webkit-media-controls-panel {
display: none ;
-webkit-appearance: none;
}

*::--webkit-media-controls-play-button {
display: none ;
-webkit-appearance: none;
}



-webkit-scrollbar 是控制浏览器整体宽度

-webkit-scrollbar-thumb  是控制滑动条的背景颜色的

其他的自己  慢慢试就行。