Login
网站首页 > 文章中心 > 其它

滚动条样式兼容所有浏览器_浏览器滚动条样式设置

作者:小编 更新时间:2023-07-23 14:23:23 浏览量:308人看过

在css设置可改变大小的div滚动条样式方法: 1.首先新建html文档,进入代码书写界面。 2.在和仔哪的里面写入代码,在里面写入想要输入的内容。 3.书写外层轨道css代码。body::-webkit-scrollbar { width:20px; height:2px; background:#ccc; border-radius:10px;/*外层轨道*/} 这里主要配磨是设培戚斗置外层轨道的形状和颜色

OVERFLOW: auto;

网上很容易搜正改到这样的代码,但是提醒一点,就是纯CSS只能设置IE浏闭清做览器的DIV滚动条的样式,火狐轿衡浏览器的不能设置。最好跟jQuery结合来设置,这样比较好。

jQuery有这样的插件。

你想知道的网上有很多代码可提供测试

太多了,我就不写了,但需要注意的是,有些是IE浏览器专属的,火狐和谷歌扒明磨没效果槐肢。

滚动条颜色参数设置:

scrollbar-3d-light-color 设置或检索滚动条亮边框颜色

scrollbar-highlight-color 设置或检索滚动条3D界春斗面的亮边(ThreedHighlight)颜色

scrollbar-face-color 设置或检索滚动条3D表面(ThreedFace)的颜色

scrollbar-arrow-color 设置或检索滚动条方向箭头的颜色

scrollbar-shadow-color 设置或检索滚动条3D界面的暗边(ThreedShadow)颜色

scrollbar-dark-shadow-color 设置或检索滚动条暗边框(ThreedDarkShadow)颜色

scrollbar-base-color 设置或检索滚动条基准颜色

不设宽度啊。让他自己延伸!

强行去掉的话CSS是

overflow-x:hidden;

去掉横向的

overflow-y:hidden;

去掉高庆粗纵向的

overflow:hidden;

去掉所戚镇有差或的

然后把这个同到你要去掉的标签上

如果是浏览器的话

那应该是BODY

或者

HTML

以上就是土嘎嘎小编大虾米为大家整理的滚动条样式兼容所有浏览器_浏览器滚动条样式设置相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章