当前位置: 代码迷 >> Web前端 >> 批改滚动条颜色
  详细解决方案

批改滚动条颜色

热度:333   发布时间:2012-11-05 09:35:12.0
修改滚动条颜色

这是用CSS来做的:
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color:#CC0000;//轴面颜色
scrollbar-arrow-color:#FFFFFF;//箭头颜色
scrollbar-track-color:#EDEDED;//轴轨道颜色
scrollbar-highlight-color:#FFFFFF;//左立体边颜色
scrollbar-3dlight-color:#D1D7DC;//轴面左边角颜色
scrollbar-shadow-color:#DEE3E7; //右立体边颜色
scrollbar-darkshadow-color:#BABABA;//轴面右边角颜色
}
-->
</style>

如果只改部分的滚动条颜色

在div里加class

如<div class="scrollcolor">

在.css文件里加上

.scrollcolor{
??????? scrollbar-face-color: #c8ebf8; //轴面颜色
??????? scrollbar-shadow-color: #D2E5F4; //右立体边颜色
??????? scrollbar-highlight-color: #D2E5F4; //左立体边颜色
??????? scrollbar-3dlight-color: #FFFFFF; //轴面左边角颜色
??????? scrollbar-darkshadow-color: #FFFFFF; //轴面右边角颜色
??????? scrollbar-track-color: #FFFFFF; //轴轨道颜色
??????? scrollbar-arrow-color: #D2E5F4;? //箭头颜色
}

?

?

  相关解决方案