站点图标 度崩网-几度崩溃

柒比贰seven主题7b2主题日主题ripro美化,浏览器页面滚动条美化[网站美化]

柒比贰seven主题7b2主题日主题ripro美化,浏览器页面滚动条美化[网站美化]
美化css代码放入主题样式文件内即可。所有网站右侧滚动条均可美化,本站使用b2主题,故以此为例。效果如图(本站右侧滚动条)!

/*---滚动条默认显示样式--*/
::-webkit-scrollbar-thumb{
   background-color:#03a9f4;
   height:50px;
   outline-offset:-2px;
   outline:2px solid #cddc39;
   -webkit-border-radius:4px;
   border: 2px solid #fff;
}
/*---鼠标点击滚动条显示样式--*/
::-webkit-scrollbar-thumb:hover{
   background-color:#00bcd4;
   height:50px;
   -webkit-border-radius:4px;
}
/*---滚动条大小--*/
::-webkit-scrollbar{
   width:15px;
   height:10px;
}
/*---滚动框背景样式--*/
::-webkit-scrollbar-track-piece{
   background-color:#fff;
   -webkit-border-radius:0;
}