如何更改滚动条的颜色

Question

我想在Internet Explorer和Firefox中更改页面上滚动条的颜色.

此代码创建滚动条:

<div style="overflow: auto; width: 750px; height: 400px">   
</div>

要改变颜色,我试过这段代码:

<STYLE TYPE="text/css">

BODY
{
scrollbar-base-color: orange;
scrollbar-arrow-color: green;
scrollbar-DarkShadow-Color: blue;
}
</STYLE>

上面的代码在我的标题中,但它没有改变滚动条的颜色.

谁能帮我？

Answer 1

正如其他人所说,你发布的CSS不适用于现代浏览器(IE8,Safari,Firefox等).因为您尝试滚动div,所以您可以选择在Javascript/DHTML中创建自定义滚动条.一个快速的谷歌搜索显示有一些像这样做:http : //www.hesido.com/web.php?page=customscrollbar

Answer 2

对于Chrome和Safari,您可以使用以下代码更改滚动条样式:

/* Chrome, Safari */
::-webkit-scrollbar {
width: 15px;
height: 15px;
}
::-webkit-scrollbar-track-piece  {
background-color: #C2D2E4;
}
::-webkit-scrollbar-thumb:vertical {
height: 30px;
background-color: #0A4C95;
}