MorFans Dev
折腾 - 开发 - 分享

自定义浏览器滚动条-WordPress美化

自定义浏览器滚动条-WordPress美化

效果:

sshot-58
在谷歌浏览器可以看到

代码:

将以下代码copy至style.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;
}
赞赏
魔帆博客,版权所有 | 如未注明,均为原创
本站均采用 BY-NC-SA 协议进行授权。
转载请注明来自本站文章:自定义浏览器滚动条-WordPress美化(https://www.morfans.cn/archives/424)

Super Paxxs

文章作者

一只初中狗,对网站建设和编程非常感兴趣。

Ivan进行回复 取消回复

textsms
account_circle
email

  • 很好,喜欢

    5年前 回复
  • 麦卡沃伊的经纪人

    是的

    5年前 回复
  • 热锅

    巴拉巴拉

    5年前 回复
  • XRumerTest

    Hello. And Bye.

    6年前 回复
  • I truly enjoy reading through on this website , it has good blog posts. “Do what you fear, and the death of fear is certain.” by Anthony Robbins.

    6年前 回复
  • Consult your tax obligation consultant to find out
    more relating to the tax obligation deductible benefits of a residence equity credit line.

    6年前 回复
  • Watch the one from Greater london Many of them are from England and there is actually one from New York City.

    6年前 回复

自定义浏览器滚动条-WordPress美化
效果: 在谷歌浏览器可以看到 代码: 将以下代码copy至style.css即可。 /*—滚动条默认显示样式–*/ ::-webkit-scrollbar-thumb{ background-color:#018EE8; height:50px; outl…
扫描二维码继续阅读
2015-08-26