全面解析：不同浏览器下的自定义滚动条设置技巧

IE浏览器css设置滚动条（看下表）：

滚动条样式支持状态支持浏览器版本是否可以继承说明scrollbar-3dlight-color IE特有属性IE5.5+y 设置滚动框和滚动条箭头左上边缘的颜色scrollbar- highlight-color IE特有属性IE5.5+y 设置滚动框和滚动条箭头左上边缘的颜色scrollbar-face-color IE特有属性IE5.5+y 设置滚动框颜色和滚动条箭头scrollbar-arrow-color IE特有属性IE5.5+y设置滚动条箭头颜色scrollbar-shadow-color IE特有属性IE5.5+y设置滚动框和右下角的颜色滚动条边缘箭头scrollbar-dark-shadow-color IE特有属性IE5.5+y设置滚动条凹槽的颜色scrollbar-base -colorIE特有属性IE5.5+y设置主要组件的颜色滚动条scrollbar-track-colorIE 独有属性IE5.5+y 设置滚动条轨道组件的颜色

chrome

滚动条样式说明：-webkit-scrollbar 滚动条的整个部分，其属性包括宽度、高度、背景、边框（就像块级元素一样）等。-webkit-scrollbar-button 滚动条两端的按钮。您可以使用display:none来阻止其显示，也可以添加背景图片和颜色来改变显示效果。-webkit-scrollbar-track 外轨道。您可以使用display:none来阻止其显示，也可以添加背景图片和颜色来改变显示效果。-webkit-scrollbar-track-piece 内部轨道，滚动条的中间部分（已删除）。-webkit-scrollbar-thumb 滚动条可拖动的部分：-webkit-scrollbar-corner :-webkit-resizer 定义右下角拖动块的样式

用户评论

秘密

终于可以自己设计滚动条了！太酷了！

    有19位网友表示赞同！

孤者何惧

以前总觉得自带的滚动条有点枯燥，这下子可以更个性化了。

    有11位网友表示赞同！

情字何解ヘ

不知道能不能设计成各种有趣的动画效果啊~

    有13位网友表示赞同！

闷骚闷出味道了

这功能简直是锦上添花啊！提升用户体验的感觉!

    有9位网友表示赞同！

凉城°

我的浏览器支持吗？

    有20位网友表示赞同！

?亡梦爱人

期待各大浏览器的实现，希望能有更多的样式选择啊！

    有10位网友表示赞同！

志平

现在我就可以装出自己设计滚动条的高效感了！

    有8位网友表示赞同！

我没有爱人i

会不会影响浏览效率？自定义的滚动条会不会不太方便?

    有17位网友表示赞同！

迁心

终于可以告别那些无聊的默认滚动条啦！

    有11位网友表示赞同！

绳情

希望这个功能能应用到手机浏览器上，想在APP中体验一下!

    有10位网友表示赞同！

断秋风

这方面的设计真是越来越人性化了。

    有20位网友表示赞同！

余笙南吟

感觉像是一个个性化的装饰元素呀！

    有10位网友表示赞同！

看我发功喷飞你

可以换成跟网页主题一致的滚动条吗?

    有9位网友表示赞同！

窒息

这个功能有没有什么安全隐患？需要特别注意吗？

    有11位网友表示赞同！

枫无痕

希望开发者能提供更多有趣，美观的滚动条模板选择.

    有8位网友表示赞同！

肆忌

这样用户更加自由地定制自己的浏览器体验了！

    有17位网友表示赞同！

算了吧

不知道能不能自定义滚动条的颜色和形状啊...

    有5位网友表示赞同！

红尘滚滚

是不是会因为太多样式选项而导致选择困难症呢？

    有6位网友表示赞同！

来自火星球的我

自定义滚动条会不会降低浏览器的流畅度？希望不会啊!

    有13位网友表示赞同！

■孤独像过不去的桥≈

这个功能听起来很有意思，我得去试一试我的浏览器支持吗！

    有18位网友表示赞同！

【全面解析：不同浏览器下的自定义滚动条设置技巧】相关文章：

1.蛤蟆讨媳妇【哈尼族民间故事】

2.米颠拜石

3.王羲之临池学书

4.清代敢于创新的“浓墨宰相”——刘墉

5.“巧取豪夺”的由来－－米芾逸事

6.荒唐洁癖　惜砚如身（米芾逸事）

7.拜石为兄－－米芾逸事

8.郑板桥轶事十则

9.王献之被公主抢亲后的悲惨人生

10.史上真实张三丰：在棺材中竟神奇复活