2024年4月28日发(作者：)

自定义浏览器滚动条的样式，打造属于

你的滚动条风格

Div+Css、jQuery 暂无标签 Jul 19, 2013 0 条评论 围观 0 次

前段时间，到网上找素材时，看到了一个很个性的滚动条式，打开Chrome的调试工具看了一下，发现不是用J

用，也就是说这个用的是Chrome的私有CSS属性。便百之谷之后，发现原来不仅仅只用Chrome，其它的浏览

出，我会立马更正；若有更好的方案，你可以留言，让大家都开开眼界。。。。。。

自定义IE浏览器滚动条样式

追溯浏览器对滚动条的自定义，恐怕最早的就是IE浏览器了（好像最开始支持的版本是IE5.5）。下面列出了

滚动条样式 支持情况 支持浏览器版本

scrollbar-3dlight-color IE特有属性 IE5.5+

scrollbar-highlight-color IE特有属性 IE5.5+

scrollbar-face-color IE特有属性 IE5.5+

scrollbar-arrow-color IE特有属性 IE5.5+

scrollbar-shadow-color IE特有属性 IE5.5+

scrollbar-dark-shadow-color IE特有属性 IE5.5+

scrollbar-base-color IE特有属性 IE5.5+

scrollbar-track-color IE特有属性 IE5.5+

为了有助于理解IE中滚动条样式的控制，你可以查看如下的图片：

经过不断的测试发现，在Win8 下面，有一部分样式都起着相同的作用。估计是因为在Win8中扁平化的界面设