http://www.sufeinet.com/plugin.php?id=keke_group

苏飞论坛

 找回密码
 马上注册

QQ登录

只需一步,快速开始

分布式系统框架(V2.0) 轻松承载百亿数据,千万流量!讨论专区 - 源码下载 - 官方教程

HttpHelper爬虫框架(V2.7-含.netcore) HttpHelper官方出品,爬虫框架讨论区 - 源码下载 - 在线测试和代码生成

HttpHelper爬虫类(V2.0) 开源的爬虫类,支持多种模式和属性 源码 - 代码生成器 - 讨论区 - 教程- 例子

查看: 6411|回复: 2

[CSS] 改变滚动条颜色的css

[复制链接]
发表于 2013-5-4 23:34:31 | 显示全部楼层 |阅读模式
如何改变滚动条颜色2009-07-16 15:15
[code=html]<style>
body{
overflow:scroll;
overflow-x:hidden;
background-color:#fff;
scrollbar-face-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-highlight-color:#ccc;
scrollbar-3dlight-color:#fff;
scrollbar-arrow-color:#f00;
scrollbar-track-color:#fff;
}
</style>[/code]

各条语句含义如下:
Crollbar-Face-color:滚动条页面颜色设定;
Scrollbar-Highlight-Color:滚动条斜面和左面颜色设定;
Scrollbar-Shadow-Color:滚动条下斜面和右面颜色设定;
Scrollbar-3Dlight-Color:滚动条上边和左边的边沿颜色设定;
Scrollbar-Arrow-Color:滚动条两端箭头颜色设定;
Scrollbar-Track-Color:滚动条底版颜色设定;
Scrollbar-Darkshadow-Color:滚动条下边和右边的边沿颜色设定。
overflow-x:hidden;隐藏水平滚动条

1、隐藏滚动条
在任何情况下,如果网页超出显示范围,就会出现滚动条。但有时我们并不想让它显示,如何隐藏它呢?只需在<body></body>之间插入代码:<bodystyle="overflow-x:hidden;overflow-y:hidden">即可。其中x表示水平滚动条,将其改为y的话就可以隐藏垂直滚动条。
2、滚动条各条语句含义如下:
Crollbar-Face-color:滚动条页面颜色设定;
Scrollbar-Highlight-Color:滚动条斜面和左面颜色设定;
Scrollbar-Shadow-Color:滚动条下斜面和右面颜色设定;
Scrollbar-3Dlight-Color:滚动条上边和左边的边沿颜色设定;
Scrollbar-Arrow-Color:滚动条两端箭头颜色设定;
Scrollbar-Track-Color:滚动条底版颜色设定;
Scrollbar-Darkshadow-Color:滚动条下边和右边的边沿颜色设定

3、滚动条透明代码:
#ffffff为颜色代码,可根据网页的基色来改变。
[code=html]<style>
body{
scrollbar-base-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-highight-color:#ffffff;
background:url(背景图片地址);
overflow:hidden;
margin:0;
}
div.main{
overflow:scroll;
width:100;
height:100;
filter:chroma(color=#ffffff);
}
</style>[/code]

框架示范(改变代码里的数字则是改变框架在网页里面的位置):
[code=html]<DIVclass=mainid=Layer1style="Z- INDEX:1;RIGHT:600px;OVERFLOW- X:hidden;OVERFLOW:scroll;WIDTH:400pxOSITION:absolute;TOP:47px;HEIGHT:400px"> 框架内容</DIV> [/code]

       以上代码在火狐中无效,听说是只有ie专属的才能改变滚动条,当然没有经过证实,雪洁在这里分享给大家,希望可以帮助大家,当然如果谁有在火狐中可以改变滚动条的代码也可以贴出来,大家共同交流。



1. 开通SVIP会员,免费下载本站所有源码,不限次数据,不限时间
2. 加官方QQ群,加官方微信群获取更多资源和帮助
3. 找站长苏飞做网站、商城、CRM、小程序、App、爬虫相关、项目外包等点这里
发表于 2013-5-31 12:38:56 | 显示全部楼层
OY加油,我们都看好你哦。
发表于 2014-6-5 11:31:53 | 显示全部楼层
膜拜中……
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 马上注册

本版积分规则

QQ|手机版|小黑屋|手机版|联系我们|关于我们|广告合作|苏飞论坛 ( 豫ICP备18043678号-2)

GMT+8, 2024-11-23 00:54

© 2014-2021

快速回复 返回顶部 返回列表