柒比贰seven主题7b2主题日主题ripro美化,浏览器页面滚动条美化
![](https://img.vlogforum.com/imgs/2019/12/157dae3e6ddffb.png)
柒比贰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;
- }
试下
看看学习下
学习下….
看看学习下
回复支持一下哈哈
学习下~~~~~~~~~~~~~~
看一下
0000000000000000
哈哈,看看我发现了神马