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

网站优化评论6113阅读模式

给浏览器定义好看的滚动条样式,代码如下,这段代码只对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)
}

本文已通过「原本」原创作品认证,转载请注明文章出处及链接。
夏日阳光
  • 本文由 发表于 2019年3月13日 23:22:59
  • 本文为夏日阳光原创文章,转载请务必保留本文链接:https://www.pieruo.com/45.html
匿名

发表评论

匿名网友 填写信息