乐于分享
好资源不私藏

WordPress网站博客页面右侧鼠标滚动条样式

就是个css就直接上代码了。

 

/*—滚动条默认显示样式–*/
::-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;
}

 

上面代码加入到当前 WordPress 主题的 mian.css 即可。

未经允许不得转载:9i资源网 » WordPress网站博客页面右侧鼠标滚动条样式
支付宝扫码打赏 微信打赏

如果文章对您有帮助,欢迎移至上方按钮打赏...

评论 抢沙发

评论前必须登录!

立即登录   注册

×
订阅图标按钮