百度未收录

WordPress美化滚动栏

方法/步骤

修改当前主题样式文件style.css,在末端添加以下代码.

/*---滚动条默认显示样式--*/
::-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:10px;
   height:10px;
}
/*---滚动框背景样式--*/
::-webkit-scrollbar-track-piece{
   background-color:#fff;
   -webkit-border-radius:0;
}
温馨提示:本文最后更新于2022/10/20 03:46:02。若文章内容或图片失效,请留言联系站长反馈!
!
也想出现在这里? 联系我们
创意广告
© 版权声明
THE END
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容