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

文章作者

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

发表评论

textsms
account_circle
email

  • Buyers of Chelsea’s win index spread will be hoping that
    Carlo Ancelotti’s side can continue their hot streak against Bolton Wanderers this weekend.

    6年前 回复
  • |there is a solution granted within the|there released is a ticket
    inside everything from contesting your ticket. 

    6年前 回复
  • There are also numerous mortgage repayment frameworks to fit various sorts
    of debtor.

    6年前 回复
  • Obtainable to new BT TV customers that sign up on You may pay £7.50 a
    month for 12 months, £10 a month from month 13. You will want BT
    Infinity.

    6年前 回复
  • |there is a citation granted in |there granted is a solution in

    6年前 回复
  • The memory foam and encourage base are Certipur qualifieded and the latex layer is OEKO-TEX Criterion 100 approved.

    6年前 回复
  • |there is a solution issued within the ARC Zone. |there given is a solution in to get

    6年前 回复
  • To conserve some cash on your computer game, think about
    subscribing to a solution that you can rent games from.

    6年前 回复
  • In Andrews post he speaks about the 10 things to take care of when you have actually an excepted offer.

    6年前 回复
  • JiaXing_Ni

    国外友人..我也来凑凑热闹

    6年前 回复

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