使用css / jquery自定义垂直滚动条

我有一个div作为

,其中包含一些

标签。 我正在设置div的样式如下:

 #content{ height:200px; overflow-y:scroll; } 

有没有办法可以自定义滚动条。 我的意思是我想要更改滚动条颜色及其背景。

没有有效的跨浏览器代码,可以为滚动条着色。 您应该尊重访问您网页的用户的UI配置。

也许你想拥有jQuery滚动条,它们是完全可定制的: http : //www.net-kit.com/jquery-custom-scrollbar-plugins/

滚动条是通过操作系统生成的,您几乎无法控制它们。

这就是为什么人们制作了自定义滚动条,用javascript生成。

你可以做的小定制有很多资源,只是google它。

IIRC,您只能通过类似的东西修改IE滚动条

 scrollbar-3dlight-color:#ffd700; scrollbar-arrow-color:#ff0; scrollbar-base-color:#ff6347; scrollbar-darkshadow-color:#ffa500; scrollbar-face-color:#008080; scrollbar-highlight-color:#ff69b4; scrollbar-shadow-color:#f0f;