修改浏览器默认的滚动条样式

发布于 2019-03-13

修改浏览器默认的滚动条样式

给浏览器定义好看的滚动条样式,代码如下,这段代码只对webkit内核的浏览器有效,对IE和Firefox不起作用,大家可以有选择性地使用。

代码:

::-webkit-resizer {
	border-radius: .3125rem;
	background-color: #2f4056
}

::-webkit-scrollbar {
	width: .5rem;
	height: .5rem
}

::-webkit-scrollbar-thumb {
	border-radius: .5rem;
	background-color: #41ACF0;
	background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.4) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,.4) 75%,transparent 75%,transparent)
}
喜欢 3
奋楫笃行,臻于至善!

相关文章

Chevereto 首页显示图片托管数量的实现方法

使用过 chevereto 图床程序的朋友可能都有在自己的网站首页显示托管图片的数量的需求,而这个功能需要我们手动去实现,网上有很多这方面的教程,但大多都过于繁琐。本文分享一种比较简单通用的方法,供大...
阅读全文

Chevereto 图床程序注册页面添加通过邀请码注册功能

Chevereto 是一个图床程序,如果开启注册功能的话,那么所有人都可以在平台注册帐号,为了防止某些人上传非法照片,我们可以添加一个邀请码注册的权限,那么,如果想注册帐号,就需要先得到邀请码。可以根...
阅读全文

网站图片从 wordpress 搬迁到图床 图片路径批量替换实现方法

之前发表过一篇 WordPress 图片路径批量替换方法 的文章,简单介绍了 Wordpress 图片路径批量替换的方法,但这个方法仅限于修改图片部分路径,比如替换域名。今天为大家简单介绍一下网站图片...
阅读全文

使用 python 脚本实现自动监控网站并发送邮件告警

今天中午的时候,网站莫名奇妙地出现无法访问的现象,持续了两个多小时,等发现问题的时候立刻重启了服务器才恢复正常。为防止同样的事情再次发生,所以就想编写一个自动化脚本来监控网站服务,今天为大家分享一下使...
阅读全文

wordpress 添加评论回复邮件通知提醒功能开关

wordpress 添加评论回复邮件通知提醒功能开关 实现方法 首先将邮件回复html部分进行结构调整至如下形式,主要就是外层盒子加上mail-notify类,而input标签加上“notify”类。...
阅读全文

关于网站优化及提升网站流量的几点建议

可能好多站长有这样的困惑,自己辛辛苦苦经营了好多年的网站,网站的流量却迟迟没有变化。网站的流量的多少,是网站生命力最直接的体现,如果网站的流量较高,这在很大程度上会激励站长们继续创作下去,反之,站长们...
阅读全文

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注