今天有人问如何自定义浏览器滚动条,于是翻出了Beyondest03年的CSS,在HTML下可以正常工作:

body {
    scrollbar-face-color
: #E3F1D1;
    scrollbar-highlight-color
: #FFFFFF;
    scrollbar-shadow-color
: #ABD48F;
    scrollbar-3dlight-color
: #D1D7DC;
    scrollbar-arrow-color
:  #247624;
    scrollbar-track-color
: #ededed;
    scrollbar-darkshadow-color
: #247624;
}

但是在XHTML下却不行。经实验,把body改成html就行了:

html {
    scrollbar-face-color
: #E3F1D1;
    scrollbar-highlight-color
: #FFFFFF;
    scrollbar-shadow-color
: #ABD48F;
    scrollbar-3dlight-color
: #D1D7DC;
    scrollbar-arrow-color
:  #247624;
    scrollbar-track-color
: #ededed;
    scrollbar-darkshadow-color
: #247624;
}

以上CSS只能在IE6和IE7中工作。Firefox,Opera,Safari均不支持,只能用JavaScript模拟实现。以下是网上一些资源:

Posted on 2007-11-22 00:48 笼民 阅读(252) 评论(2)  编辑 收藏 所属分类: CSS

Feedback

#1楼    回复  引用  查看    

2007-11-22 15:51 by Enzo      
好好学习 天天向上 呵呵 不错 我们做技术就要有这个精神

#2楼 [楼主]   回复  引用  查看    

2007-11-22 17:38 by 笼民      
@Enzo
一起加油

标题  
姓名  
主页
Email (博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2007-12-16 10:15 编辑过


相关链接: