::-webkit-scrollbar-track { background-color: #b46868; } /* 滚动条的滑轨背景颜色 */ ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); } /* 滑块颜色 */ ::-webkit-scrollbar-button { background-color: #7c2929; } /* 滑轨两头的监听按钮颜色 */ ::-webkit-scrollbar-corner { background-color: black; } /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
css改变谷歌浏览器的滚动条样式
转载/*---滚动条默认显示样式--*/
::-webkit-scrollbar-thumb{
height:50px;
outline-offset:-2px;
outline:2px solid #fff;
-webkit-border-radius:4px;
border: 2px solid #fff;
}
/*---鼠标点击滚动条显示样式--*/
::-webkit-scrollbar-thumb:hover{
height:50px;
-webkit-border-radius:4px;
}
/*---滚动条大小--*/
::-webkit-scrollbar{
width:8px;
height:8px;
}
/*---滚动框背景样式--*/
::-webkit-scrollbar-track-piece{
-webkit-border-radius:0;
}
==========================
本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。
上一篇:js正则表达式语法
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
vue实现隐藏浏览器右侧滚动条功能
一? 前端 浏览器滚动条优化
前端 vue.js javascript 自定义 git -
selenium--浏览器滚动条操作
前戏 在进行web自动化的时候,selenium只能找当前屏幕上的标签,如果标签在当前页面没显示下,需
chrome web自动化 谷歌浏览器