CSS自定义滚动条样式

将CSS代码放进css文件即可瞬间改变你网站滚动条的样式。~

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:8px; }/*---滚动框背景样式--*/ ::-webkit-scrollbar-track-piece{ background-color:#fff; -webkit-border-radius:0; }
X
赞助一下:
    支付宝    微信    QQ红包

打开支付宝扫一扫
CSS自定义滚动条样式
版权声明:若无特殊注明,本文皆为“懒人的小窝”原创,转载请保留文章出处。
本文链接:http://suppore.cn/160.html    百度未收录
正文到此结束

点击下方支持本站

点击支持下贵站吧
点击支持下贵站吧

热门推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

微笑可爱憨笑鼓掌白眼发呆撇嘴色得意吐抠鼻可怜呲牙惊讶冷汗流泪大哭发怒抚摸傲慢惊恐鄙视疑问奸笑抓狂偷笑流汗擦汗晕委屈吓衰糗大了威武给力牛逼

评论信息框

火箭正在发射中...

已有3条吐槽

HAOESSAYS

2016-08-12 00:10 美国 CZ88.NET
看起来很复杂啊
 Windows 10 x64   Firefox 40.0

虚无的夏夏

2016-08-07 11:45 广东省河源市电信
萌新瑟瑟发抖
 Windows 7 x64   Google Chrome 50.0.2661.102

小陈

2016-08-08 02:51 湖南省邵阳市移动
@虚无的夏夏:什么鬼。
 Windows 10 x64   Google Chrome 51.0.2704.106