用css怎么设置div滚动条的样式，可改变大小的

滚动条样式主要涉及到如下CSS属性：overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容

创新互联服务项目包括吴桥网站建设、吴桥网站制作、吴桥网页制作以及吴桥网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，吴桥网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到吴桥省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

overflow: auto; 在需要时内容会自动添加滚动条

overflow: scroll; 总是显示滚动条

overflow-x: hidden; 禁止横向的滚动条

overflow-y: scroll; 总是显示纵向滚动条width: 568px; width: 98%; 设置区域的宽度[像素/百分比等等]height: 120px; 设置区域的高度[像素/百分比等等]STYLE

BODY {

SCROLLBAR-FACE-COLOR: #f892cc;

SCROLLBAR-HIGHLIGHT-COLOR: #f256c6;

SCROLLBAR-SHADOW-COLOR: #fd76c2;

SCROLLBAR-3DLIGHT-COLOR: #fd76c2;

SCROLLBAR-ARROW-COLOR: #fd76c2;

SCROLLBAR-TRACK-COLOR: #fd76c2;

SCROLLBAR-DARKSHADOW-COLOR: #f629b9;

SCROLLBAR-BASE-COLOR: #e9cfe0

}

/STYLESCROLLBAR-FACE-COLOR: 滚动条凸出部分的颜色

SCROLLBAR-HIGHLIGHT-COLOR: 滚动条空白部分的颜色

SCROLLBAR-SHADOW-COLOR: 立体滚动条阴影的颜色

SCROLLBAR-3DLIGHT-COLOR: 滚动条亮边的颜色

SCROLLBAR-ARROW-COLOR: 上下按钮上三角箭头的颜色

SCROLLBAR-TRACK-COLOR: 滚动条的背景颜色

SCROLLBAR-DARKSHADOW-COLOR: 滚动条强阴影的颜色

SCROLLBAR-BASE-COLOR: 滚动条的基本颜色自己定义滚动条的颜色。一般默认的滚动条样式如下左图,右图是放大了1600倍的样子，我们可以看到滚动条有几种言责组合的,我给他们标了7个号，分别注释在下面的css代码的后面了，注意css的注释代码是放在两个斜杠内的两个星号之间。如:/*这里放注释的代码*/Body {

scrollbar-arrow-color: #f4ae21; /*三角箭头的颜色*/

scrollbar-face-color: #333; /*立体滚动条的颜色*/

scrollbar-3dlight-color: #666; /*立体滚动条亮边的颜色*/

scrollbar-highlight-color: #666; /*滚动条空白部分的颜色*/

scrollbar-shadow-color: #999; /*立体滚动条阴影的颜色*/

scrollbar-darkshadow-color: #666; /*立体滚动条强阴影的颜色*/

scrollbar-track-color: #666; /*立体滚动条背景颜色*/scrollbar-base-color:#f8f8f8; /*滚动条的基本颜色*/

Cursor:url(mouse.cur); /*自定义个性鼠标*/

}以上2项适用与body、div、textarea、iframe希望对你有所帮助。

div+css,在火狐浏览器里可以改变滚动条样式吗?

您好！很高兴为您答疑！

火狐不支持滚动条样式 如果非要样式效果，只能滚动效果用JS来做，使用图片代替按钮。

您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

css设置滚动条样式不生效？

1、首先打开前端开发工具，新建一个HTML代码页面，如下图所示。

2、在html代码页面上创建一个父div和一个子div，同时给这两个div添加一个class分别为scroll-box、scroll。

3、给子div添加内容，为了让滚动条可以实现，尽量多添加一些内容。

4、设置scroll-box、scroll类样式。给scroll-box设置一个高度和内容超出后隐藏的样式，给scroll设置内容超出后显示滚动条、高度为100%、宽=100%+滚动条的宽

5、最后保存html代码，然后使用浏览器打开，这个时候会发现滚动条已经不显示出来，但是页面内容依然可以滚动。

自定义火狐浏览器滚动条样式

找了好久，没找到文章，在火狐开发者文档里找到了，记录下。

火狐滚动条样式官方文档

怎么用css设置火狐浏览器默认滚动条样式

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 设置或检索滚动条基准颜色。其它界面颜色将据此自动调整

关于360，火狐浏览器兼容的：修改网页插入文本滚动条的CSS样式问题？

这个是ie私有的玩意，只有在ie上能出现效果。

要么放弃其他浏览器下的效果，要么用js模拟浏览器滚动条。

当前文章：火狐css滚动条样式,火狐css修改滚动条样式
文章分享：http://scyanting.com/article/dscjsii.html