Question

html页面滚动条样式如何修改？？？通过CSS、还是JS

如：在打开网页，页面内容高于屏幕时自然在侧边就出现滚动条。
那么这个滚动条 如何修改一下它的样式，比如 宽度。
http://hsblog.aliapp.com/
滚动条 是不是很细

Answer 1

1、通过CSS样式改变

<STYLE type=text/css>
BODY {
scrollbar-face-color: #FF0000 ; 
scrollbar-highlight-color: #00FF00; 
scrollbar-darkshadow-color: #ff0000;
scrollbar-3dlight-color: #ff0000; 
scrollbar-arrow-color: #ff0000; 
scrollbar-track-color: #ffcccc; 
scrollbar-darkshadow-color: #ffffff;
}
</STYLE>

由于在 xhtml 中 定义在 body 上是没有效果的，所以为了通用，可以在 body 和 html 标签都定义一下。

这些属对应图例如下：