我们新增Dark Mode(暗模式),(只是在晚上)可以改变MAC OS&Windows系统的暗模式实现切换;安卓和苹果手机是一样的。
编程代码

分享一个漂亮的css滚动条代码

gyue2345·2015-08-15·158 次阅读··

   2015-08-15 15:21 LJY2345    抢沙发   隐藏边栏   黑色模式    158 
   评分 0 次,平均分 0.0    抢沙发   隐藏边栏   黑色模式

大家在浏览网页的时偶尔会看到很漂亮的各种颜色样式的滚动条,这就是通过css代码控制来实现的,我分享的这个也是;但是它的css代码比较简单,下面是css代码

::-webkit-scrollbar-thumb{
   background-color:#666;
   height:50px;
   outline-offset:-2px;
   outline:2px solid #fff;
   -webkit-border-radius:4px;
   border: 2px solid #fff;
}
/*---鼠标点击滚动条显示样式--*/
::-webkit-scrollbar-thumb:hover{
   background-color:#000;
   height:50px;
   -webkit-border-radius:4px;
}
/*---滚动条大小--*/
::-webkit-scrollbar{
   width:8px;
   height:8px;
}
/*---滚动框背景样式--*/
::-webkit-scrollbar-track-piece{
   background-color:#fff;
   -webkit-border-radius:0;
}
需要的朋友就拿去吧,很有用的;显示效果就在本文页面。怎么用我就不介绍了,因为注释写得很清楚;如果还不会就请在下方留言。

赞赏

历史上的文章

  
博 主作者: 关注:6    粉丝:1最后编辑于:2017年7月20日
LJY IT BLOG的站长。

扫一扫打赏

支付宝扫一扫打赏

微信扫一扫打赏

view comments - NOTHING
🌙
😃

切换注册
忘记密码 ?

×

您也可以使用第三方帐号快捷登录

切换登录

×
扫一扫二维码分享
下载海报
  切换主题 | SCHEME TOOL