修改浏览器滚动条样式的例子
程序员文章站
2022-03-05 09:10:29
...
::-webkit-scrollbar-track-piece {
background-color: rgba(245, 245, 245, 0.51);
border-left:1px solid rgba(210, 210, 210, 0.51);
}
::-webkit-scrollbar {
width:10px;
height:10px;
}
::-webkit-scrollbar-thumb {
background-color: rgba(194, 194, 194, 0.61);
background-clip:padding-box;
border:1px solid rgba(151, 151, 151, 0.60);
min-height:28px;
}
::-webkit-scrollbar-thumb:hover {
border:1px solid rgba(99, 99, 99, 0.71);
background-color: rgba(146, 146, 146, 0.71);
}
上一篇: 修改浏览器滚动条样式
下一篇: web 页面分页打印
推荐阅读
-
ArcTime Pro字幕怎么修改样式? ArcTime更换字幕样式的技巧
-
基于leaflet.js实现修改地图主题样式的流程分析
-
浏览器兼容问题项目总结(六) 页面嵌套多个iframe滚动条兼容性修改
-
配置H5的滚动条样式的示例代码
-
jquery实现Li滚动时滚动条自动添加样式的方法_jquery
-
怎么修改phpmyadmin默认打开的浏览器!
-
火狐浏览器滚动条的问题_html/css_WEB-ITnose
-
不知大家遇到过这种问题么,一个层宽度设为100%,并设置背景图片,在浏览器中浏览,缩小窗口到滚动条出现,然后拖动滚动条到右侧,右侧的区域变成空白,怎么解决?_html/css_WEB-ITnose
-
浏览器解析js生成的html出现样式问题的解决方法_javascript技巧
-
CSS滚动条样式如何兼容IE8和Chrome浏览器?