吴彦祖

您现在的位置是: 网站首页 >  个人博客 >  心情日记 > 

个人博客

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

2020-10-23 10:18:38 个人博客 16
浏览器旁边的滚动条,默认的可能太丑了,有些靓仔可能需要美化下,CSS代码如下:-webkit-scrollbar 是控制浏览器整体宽度,-webkit-scrollbar-thumb 是控制滑动条的背景颜色的,其他的自己 慢慢试就行。

浏览器旁边的滚动条,默认的可能太丑了,有些靓仔可能需要美化下,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  是控制滑动条的背景颜色的

其他的自己  慢慢试就行。