WordPress美化滚动栏

释放双眼,带上耳机,听听看~!

方法/步骤

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

  1. /*---滚动条默认显示样式--*/
  2. ::-webkit-scrollbar-thumb{
  3.    background-color:#03a9f4;
  4.    height:50px;
  5.    outline-offset:-2px;
  6.    outline:2px solid #cddc39;
  7.    -webkit-border-radius:4px;
  8.    border2px solid #fff;
  9. }
  10. /*---鼠标点击滚动条显示样式--*/
  11. ::-webkit-scrollbar-thumb:hover{
  12.    background-color:#00bcd4;
  13.    height:50px;
  14.    -webkit-border-radius:4px;
  15. }
  16. /*---滚动条大小--*/
  17. ::-webkit-scrollbar{
  18.    width:10px;
  19.    height:10px;
  20. }
  21. /*---滚动框背景样式--*/
  22. ::-webkit-scrollbar-track-piece{
  23.    background-color:#fff;
  24.    -webkit-border-radius:0;
  25. }

人已赞赏
WordPress教程

知更鸟主题隐藏顶部菜单

2017-6-16 13:21:06

WordPress教程

WordPress用户注册发送的激活邮件地址错误解决方法

2017-7-26 20:50:38

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索