| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 707 人关注过本帖
标题:CSS控制滚动条的问题
只看楼主 加入收藏
badskf
Rank: 1
等 级:新手上路
帖 子:19
专家分:0
注 册:2005-12-21
收藏
 问题点数:0 回复次数:3 
CSS控制滚动条的问题
A:visited {
FONT-WEIGHT: normal; TEXT-TRANSFORM: none; COLOR: #000000; FONT-STYLE: normal; FONT-VARIANT: normal; TEXT-DECORATION: none
}
A:hover {
COLOR: #ff3333; TEXT-DECORATION: underline
}
A:link {
FONT-WEIGHT: normal; TEXT-TRANSFORM: none; COLOR: #000000; FONT-VARIANT: normal; TEXT-DECORATION: none
}
TD {
FONT-SIZE: 9pt; LINE-HEIGHT: 14pt
}
.input1 {
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #000000 1px solid; LINE-HEIGHT: 13pt; BORDER-BOTTOM: #000000 1px solid
}
BODY {
SCROLLBAR-FACE-COLOR: #731c00; SCROLLBAR-HIGHLIGHT-COLOR: #ffcb08; SCROLLBAR-SHADOW-COLOR: #e78a00; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffcb08; SCROLLBAR-BASE-COLOR: #ffcb08; scrollbar-dark-shadow-color: #E78A00; scrollbar-3d-light-color: #E78A00
}
.button1 {
BORDER-RIGHT: #e18b04 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #fffc00 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 9pt; PADDING-BOTTOM: 1px; BORDER-LEFT: #fffc00 1px solid; COLOR: #975a00; PADDING-TOP: 1px; BORDER-BOTTOM: #e18b04 1px solid; HEIGHT: 18px; BACKGROUND-COLOR: #ffd800
}
.button2 {
BORDER-RIGHT: #fffc00 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #e18b04 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 9pt; PADDING-BOTTOM: 1px; BORDER-LEFT: #e18b04 1px solid; COLOR: #985b00; PADDING-TOP: 1px; BORDER-BOTTOM: #fffc00 1px solid; HEIGHT: 18px; BACKGROUND-COLOR: #ffd800
}
.btn {
BORDER-RIGHT: black 1px solid; BORDER-TOP: white 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 10pt; BACKGROUND: #c0c0c0; BORDER-LEFT: white 1px solid; WIDTH: 110px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Arial; TEXT-ALIGN: center
}
.t0 {
WIDTH: 100%; TEXT-ALIGN: center
}
.t1 {
BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 12pt; BACKGROUND: #c0c0c0; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #333333 1px solid; FONT-FAMILY: Arial; TEXT-ALIGN: center
}
.t2 {
BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #ffffff 1px solid; BACKGROUND: #aaaaaa; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #333333 1px solid
}
.t3 {
BORDER-RIGHT: #282828 1px solid; BORDER-TOP: #dddddd 1px solid; BACKGROUND: #326496; BORDER-LEFT: #dddddd 1px solid; BORDER-BOTTOM: #282828 1px solid
}
.t4 {
BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #ffffff 1px solid; BACKGROUND: #c0c0c0; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #333333 1px solid
}
.p92 {
FONT-SIZE: 9pt; LINE-HEIGHT: 10pt
}
.b1 {
BORDER-RIGHT: #333333 1px dotted; BORDER-TOP: #333333 1px dotted; BORDER-LEFT: #333333 1px dotted; BORDER-BOTTOM: #333333 1px dotted; HEIGHT: 28px
}
.p93 {
FONT-SIZE: 9pt; LINE-HEIGHT: 15pt
}
.xinxin {
FONT-SIZE: 10px; COLOR: #ff9900
}
.title {
FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ffffff; FONT-FAMILY: "ËÎÌå"
}
A.real:link {
BACKGROUND-IMAGE: url(/images/real2.gif); TEXT-DECORATION: none
}
A.real:visited {
BACKGROUND-IMAGE: url(/images/real2.gif); COLOR: #999999; TEXT-DECORATION: none
}
A.real:hover {
BACKGROUND-IMAGE: url(/images/real2.gif); TEXT-DECORATION: none
}
.jincou {
FONT-SIZE: 9pt; LINE-HEIGHT: 100%
}
A.menu:visited {
FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ffffff; TEXT-DECORATION: none
}
A.menu:hover {
FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ffff00; TEXT-DECORATION: none
}
A.menu:link {
FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ffffff; TEXT-DECORATION: none
}
.mix {
FONT-SIZE: 10px
}
.pause {
COLOR: #999999
}
A.left:visited {
FONT-SIZE: 9pt; COLOR: #965a02; TEXT-DECORATION: none
}
A.left:hover {
FONT-SIZE: 9pt; COLOR: #ff0000; TEXT-DECORATION: none
}
A.left:link {
FONT-SIZE: 9pt; COLOR: #965a02; TEXT-DECORATION: none
}
.searchbutton1 {
BORDER-RIGHT: #185d94 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #7bcbfe 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 9pt; PADDING-BOTTOM: 1px; BORDER-LEFT: #7bcbfe 1px solid; COLOR: #ffffff; PADDING-TOP: 1px; BORDER-BOTTOM: #185d94 1px solid; HEIGHT: 18px; BACKGROUND-COLOR: #34a2d3
}
.searchbutton2 {
BORDER-RIGHT: #7bcbfe 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #185d94 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 9pt; PADDING-BOTTOM: 1px; BORDER-LEFT: #185d94 1px solid; COLOR: #ffffff; PADDING-TOP: 1px; BORDER-BOTTOM: #7bcbfe 1px solid; HEIGHT: 18px; BACKGROUND-COLOR: #34a2d3
}
.mediatitle {
FONT-WEIGHT: bold; FONT-SIZE: 10.5pt; COLOR: #7f6d00
}
.helpTXT {
FONT-SIZE: 10.5pt; LINE-HEIGHT: 150%
}



这是CSS文件,但是我只能格式化textarea的滚动条,却不能格式化IE的滚动条,为什么,用什么方法可以控制IE的滚动条?
搜索更多相关主题的帖子: 滚动 CSS 
2005-12-27 12:23
阳光白雪
Rank: 7Rank: 7Rank: 7
等 级:贵宾
威 望:39
帖 子:2220
专家分:0
注 册:2005-11-18
收藏
得分:0 
body {
scrollbar-face-color: #E3E1F1;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #9A8DCC;
scrollbar-3dlight-color: #9A8DCC;
scrollbar-arrow-color:#9A8DCC;
scrollbar-track-color: #f7f7f7;
scrollbar-darkshadow-color: #ffffff;
}

专注于WEB前端交互平台开发:[url=http://blog./]blog.[/url](富客户端技术(RIA)交流平台)
2005-12-27 12:30
dreame
Rank: 3Rank: 3
等 级:新手上路
威 望:8
帖 子:521
专家分:0
注 册:2005-10-23
收藏
得分:0 
<STYLE type="text/css">

   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);    //滚动条的基本颜色

   }

  </STYLE>

  2、需要改变滚动条的文档,只需链接或导入此CSS文件即可。

补充说明:

  关于颜色的定义有多种定义方法: 

  1、可以使用16进制的数,例如:SCROLLBAR-BASE-COLOR: #808080

  2、使用英名称,例如:SCROLLBAR-BASE-COLOR:red、blue、purple等。

  3、使用百分比什的RGB颜色值,例如:SCROLLBAR-BASE-COLOR:rgb(75%,10%,50%)

  4、当然也可以如本例直接使用RGB的十进制数,例如:SCROLLBAR-BASE-COLOR: rgb(66,93,128)


有时候真的想放弃寂寞的等待,但她是那么的可爱!I love u forever!
2005-12-27 20:46
yms123
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:209
帖 子:12488
专家分:19042
注 册:2004-7-17
收藏
得分:0 
不过DW MX2004里说IE6.0不支持滚动条的CSS设置。
2005-12-28 10:52
快速回复:CSS控制滚动条的问题
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.035828 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved