`
redfreja
  • 浏览: 9072 次
  • 性别: Icon_minigender_2
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

修改滚动条颜色

CSS 
阅读更多

这是用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;  //箭头颜色
}

 

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics