chrome滚动条样式修改怎么操作 chrome浏览器滚动条样式定制设置方法
chrome浏览器是由谷歌开发的一款简单便捷的网页浏览工具,我们在电脑中使用chrome浏览器浏览网页的时候,页面右边就会有一个可选择的滚动条,对此有些用户觉得滚动条样式很是单一,因此就想要进行修改,那么chrome滚动条样式修改怎么操作呢?下面小编就来教大家chrome浏览器滚动条样式定制设置方法。
64位google浏览器v84.0.4147.105是一款可让您更快速、轻松且安全地使用网络的浏览器,它的设计超级简洁,使用起来更加方便,并在最快浏览器评选中获得最高分,google浏览器Chrome的特点是简洁、快速,采用自身研发的内核,用户使用后反馈效果也是相当不错。
具体方法:
1、用记事本打开custom.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;
}
2、把以上代码粘贴到custom.css文件里面,保存后重启谷歌浏览器,滚动条就会变成这样,当然,你也可以自己修改,颜色大小圆角那些。
3、CSS里面hover是设置鼠标放上链接的颜色,同样的,active也可以设置鼠标点击的颜色,只要到上面的代码添加如下代码就行了。
::-webkit-scrollbar-thumb:active{
height:50px;
background-color:#000;
-webkit-border-radius:4px;
}
上述就是chrome浏览器滚动条样式定制设置方法了,还有不清楚的用户就可以参考一下小编的步骤进行操作,希望能够对大家有所帮助。
- 系统教程栏目
- win7系统教程排行
- 1 能用有效的win7旗舰版激活密钥永久激活码大全(100%激活)
- 2 Win7旗舰版永久激活密钥 win7激活密钥序列号 win7激活神key大全
- 3 如何用硬盘安装Ghost系统
- 4 2020最新office产品密钥永久激活码_office激活密钥永久key免费(附激活方法)
- 5 32位和64位的win7系统的选择
- 6 win7正版永久激活密钥2020_windows7产品密钥永久最新激活码
- 7 Win7激活码64位旗舰版最新 win7旗舰版64位激活密钥永久激活
- 8 最新win7虚拟机iso镜像文件下载|虚拟机专用win7 iso镜像下载包
- 9 屏幕截图常用的七种方法
- 10 已经安装迅雷 但是下载时还是提示需要安装迅雷
- 大家都在使用
- win7系统推荐
- 深度技术Win7 64位全能驱动旗舰版 V2021.09
- 新萝卜家园ghost win7 sp1 64位官方中文版v2021.09
- 风林火山ghost win7 sp1 64位专业极速版v2021.09
- 番茄花园ghost win7 sp1 64位中文极速版v20221.09
- 技术员联盟ghost win7 sp1 64位旗舰极速版v2021.09
- 雨林木风ghost win7 sp1 32位官方旗舰版v2021.09
- 电脑公司ghost win7 sp1 64位最新旗舰版v2021.09
- 大地ghost win7 sp1 32位官方专业版v2021.09
- 风林火山ghost win7 sp1 32位官方专业版v2021.09
- 新萝卜家园ghost win7 sp1 32位官方家庭版v2021.09
- 最新教程