WordPress 主题 B2 修改网页滚动条样式

释放双眼,带上耳机,听听看~!

演示

WordPress 主题 B2 修改网页滚动条样式插图

修改教程

将以下代码复制放到B2主题的子主题style.css中

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ 
::-webkit-scrollbar {
width: 9px;
height: 9px
}
/*定义滚动条轨道*/ 
::-webkit-scrollbar-track {
background-color: transparent;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em
}
/*定义滑块 内阴影+圆角*/ 
::-webkit-scrollbar-thumb {
background-color: #0093ff;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em

人已赞赏
网站建设

宝塔面板高并发大流量网站优化方案,让网站访问顺畅不卡顿

2020-2-23 1:56:54

网站建设

WP-China-Yes 解决国内访问官网慢的最有效方法

2020-3-16 14:08:45

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索