html指定滑块样式修改,修改IE浏览器滚动条样式的一个实例_html

下面是一个滚动条样式的例子,通过修改各个属性值可以改变滚动条的样子。

网页特效代码|jsCode.CN|—用css控制滚动条样式

BODY {

SCROLLBAR-FACE-COLOR: #fcfcfc;

SCROLLBAR-HIGHLIGHT-COLOR: #6c6c90;

SCROLLBAR-SHADOW-COLOR: #fcfcfc;

SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;

SCROLLBAR-ARROW-COLOR: #240024;

SCROLLBAR-TRACK-COLOR: #fcfcfc;

SCROLLBAR-DARKSHADOW-COLOR: #48486c;

SCROLLBAR-BASE-COLOR: #fcfcfc

}

说明:

SCROLLBAR-FACE-COLOR: 滚动条凸出部分的颜色

SCROLLBAR-HIGHLIGHT-COLOR: 滚动条空白部分的颜色

SCROLLBAR-SHADOW-COLOR: 立体滚动条阴影的颜色

SCROLLBAR-3DLIGHT-COLOR: 滚动条亮边的颜色

SCROLLBAR-ARROW-COLOR: 上下按钮上三角箭头的颜色

SCROLLBAR-TRACK-COLOR: 滚动条的背景颜色

SCROLLBAR-DARKSHADOW-COLOR: 滚动条强阴影的颜色

SCROLLBAR-BASE-COLOR: 滚动条的基本颜色

Body{

scrollbar-arrow-color: #f4ae21;  /*图6,三角箭头的颜色*/

scrollbar-face-color: #333;  /*图5,立体滚动条的颜色*/

scrollbar-3dlight-color: #666;  /*图1,立体滚动条亮边的颜色*/

scrollbar-highlight-color: #666;  /*图2,滚动条空白部分的颜色*/

scrollbar-shadow-color: #999;  /*图3,立体滚动条阴影的颜色*/

scrollbar-darkshadow-color: #666;  /*图4,立体滚动条强阴影的颜色*/

scrollbar-track-color: #666;  /*图7,立体滚动条背景颜色*/

scrollbar-base-color:#f8f8f8;  /*滚动条的基本颜色*/

}

下面是一个滚动条样式的例子,通过修改各个属性值可以改变滚动条的样子。

网页特效代码|JsCode.CN|—用CSS控制滚动条样式 [/code]

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

欢迎大家阅读《修改IE浏览器滚动条样式的一个实例_html》,跪求各位点评,若觉得好的话请收藏本文,by 搞代码

搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权

转载请注明原文链接:修改IE浏览器滚动条样式的一个实例_html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值