修改overflow滚动条样式

wxd_c 2012-10-05 11:31:13

在网页了用了overflow属性出现的滚动条，它的是win默认样式，如今想改变的它的样式(颜色啦，什么的)，查了许多资料发现只有针对IE的属性，而在其他非IE的浏览器里这些属性都不好用。
在此请教一下如何在非IE浏览器中改变滚动条的样式？
在线等答案

...全文

449 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

wxd_c 2012-10-07

打赏
举报

回复

最后还是用JQ解决了，谢谢了

wxd_c 2012-10-05

打赏
举报

回复

求解啊

碧海情天-赵亮 2012-10-05

打赏
举报

回复

自制。用DIV模拟。
这是一个现成的基于JQ的滑块插件
http://jqueryui.com/demos/slider/

css 设置overflow:scroll 滚动条的样式 /* 定义滚动条样式 */ ::-webkit-scrollbar { width: 6px; height: 6px; background-color: rgba(240, 240, 240, 1); } /*定义滚动条轨道内阴影+圆角*/ ::-webkit-scrollbar-track { box-shadow: inset 0 0 0px rgba(240, 240, 240, .5); border-radius: 10px; background-color: rgba(240, 240,

可以设置左边菜单项div的overflow-x:auto;overlfow-y:auto;这样就会自动生成了滚动条，但是大家都知道自带的不好看。接下来就是重点了，如何修改滚动条的样式呢？感兴趣的朋友可以了解下本

Java大数据培训学校视频课程：java大数据培训学校全套教材系列课程由750集视频构成，基本就是1）时下流行的java培训学校主流内部教材，2）和市面上培训学校的通行的课程体系几乎一样。所以这套课程都能自己学下来，等于上了培训学校一次，完全可以找个java工程师的工作了。本门课程为java大数据培训学校全套教材系列课程的第二十二篇，学习JS与CSS，cssText，hover，overflow等概念。

CSS改变overflow滚动条样式【开箱即用】

修改overflow产生的滚动条样式，主要可以通过如下三个伪元素设置： 1)-webkit-scrollbar：设置水平滚动条的高度，垂直滚动的宽度 2)-webkit-scrollbar-thumb：设置滚动条里面的滑块样式 3)-webkit-scrollbar-track：设置滚动条的轨道背景样式 4)本文默认使用chrome浏览器查看运行效果方法/步骤新建一个html文件叫做CssOverFlow.html(有html编辑工具的，就使用工具创建。没有工具的，可以先创建文本文件，再修改

61,111

社区成员

60,734

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章