css改变谷歌浏览器的滚动条样式

/*---滚动条默认显示样式--*/
::-webkit-scrollbar-thumb{
   
   height:50px;
   outline-offset:-2px;
   outline:2px solid #fff;
   -webkit-border-radius:4px;
   border: 2px solid #fff;
}
 
/*---鼠标点击滚动条显示样式--*/
::-webkit-scrollbar-thumb:hover{
   
   height:50px;
   -webkit-border-radius:4px;
}
 
 
/*---滚动条大小--*/
::-webkit-scrollbar{
   width:8px;
   height:8px;
}
 
/*---滚动框背景样式--*/
::-webkit-scrollbar-track-piece{
   
   -webkit-border-radius:0;
}
 
 
==========================
::-webkit-scrollbar-track { background-color: #b46868; } /* 滚动条的滑轨背景颜色 */ 
::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); } /* 滑块颜色 */ 
::-webkit-scrollbar-button { background-color: #7c2929; } /* 滑轨两头的监听按钮颜色 */
::-webkit-scrollbar-corner { background-color: black; } /* 横向滚动条和纵向滚动条相交处尖角的颜色 */

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。