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. }
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
搜索