我的div为<div id="content">
,其中包含一些<p>
个标记。我按如下方式设置div的样式:
#content{
height:200px;
overflow-y:scroll;
}
有没有办法可以自定义滚动条。我的意思是我想要更改滚动条颜色及其背景。
答案 0 :(得分:1)
没有有效的跨浏览器代码,可以为滚动条着色。您应该尊重访问您网页的用户的UI配置。
也许您想拥有可完全自定义的jQuery滚动条:http://www.net-kit.com/jquery-custom-scrollbar-plugins/
答案 1 :(得分:0)
滚动条是通过操作系统生成的,您几乎无法控制它们。
这就是为什么人们制作了自定义滚动条,用javascript生成。
你可以做的小定制有很多资源,只需谷歌吧。
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;