浏览器右侧滚动条如何设置
- 发布时间: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 是控制滑动条的背景颜色的
其他的自己 慢慢试就行。