Wordpress自定义浏览器滚动条CSS样式~

刚玩了玩度娘,改了个浏览器滚动条样式,效果如果我没改的话,应该在谷歌浏览器的右边滚动条位置可以看见。。

[php]
/*---滚动条默认显示样式--*/
::-webkit-scrollbar-thumb{
background-color:#018EE8;
height:50px;
outline-offset:-2px;
outline:2px solid #fff;
-webkit-border-radius:4px;
border: 2px solid #fff;
}

/*---鼠标点击滚动条显示样式--*/
::-webkit-scrollbar-thumb:hover{
background-color:#FB4446;
height:50px;
-webkit-border-radius:4px;
}

/*---滚动条大小--*/
::-webkit-scrollbar{
width:8px;
height:18px;
}

/*---滚动框背景样式--*/
::-webkit-scrollbar-track-piece{
background-color:#fff;
-webkit-border-radius:0;
}
[/php]

发表评论

相关文章