您的位置：首页 > Web前端 > CSS

CSS:IE滚动条样式设置

2013-05-10 14:34 381 查看
原文：点击打开链接

如果您看够了主页中灰色的滚动条，想让他变一种颜色，您该怎么办呢？

其实这很简单，插入一段代码就能实现了(必须是IE5以上，或者是以IE5为内核的浏览器)

首先，先让我们看这张图



注意:如果用这些属性,需要把网页的w3c等标准去掉,开头仅以<html>开始。

BODY {

　　　　SCROLLBAR-FACE-COLOR: rgb(10,236,209);　　　 //滚动条凸出部分的颜色

　　　　SCROLLBAR-HIGHLIGHT-COLOR: rgb(23,255,155);　//滚动条空白部分的颜色

　　　　SCROLLBAR-SHADOW-COLOR: rgb(255,116,23);　　 //立体滚动条阴影的颜色

　　　　SCROLLBAR-3DLIGHT-COLOR: rgb(66,93,127);　 　//滚动条亮边的颜色

　　　　SCROLLBAR-ARROW-COLOR: rgb(93,232,255);　　　//上下按钮上三角箭头的颜色

　　　　SCROLLBAR-TRACK-COLOR: rgb(255,70,130);　　　//滚动条的背景颜色

　　　　SCROLLBAR-DARKSHADOW-COLOR: rgb(10,0,209); 　//滚动条强阴影的颜色

　　　　SCROLLBAR-BASE-COLOR: rgb(66,93,128)；　　 　//滚动条的基本颜色

　　　}

水平、垂直全无滚动条<BODY style ='overflow:scroll;overflow -none:hidden'>

水平无滚动条<BODY style ='overflow:scroll;overflow -x:hidden'>

垂直全无滚动条<BODY style ='overflow:scroll;overflow -y:hidden'>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航