滚动条颜色样式设置说明

最新推荐文章于 2024-07-03 14:39:37 发布

weixin_34258782

最新推荐文章于 2024-07-03 14:39:37 发布

阅读量329

点赞数

方案一：

css样式详细介绍，网页滚动条样式设置

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

举例说明：
------------------------------------------------
白背景，紫红色边框
------------------------------------------------
<STYLE type=text/css>
BODY {

scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#800080;
scrollbar-darkshadow-color:#800080;
scrollbar-Shadow-color:#FFFFFF;
scrollbar-arrow-color:#800080;
scrollbar-track-color:#ffffff;}

</STYLE>

方案二：

<textarea>滚动条颜色样式设置</textarea>

2007年05月30日星期三下午 03:01

对里面样式的介绍：

语法：

scrollbar-face-color : color

参数：

color : 　指定颜色。

说明：

设置或检索滚动条3D表面（ThreedFace）的颜色。（演示）

语法：

scrollbar-highlight-color : color

参数：

color : 　指定颜色。

说明：

设置或检索滚动条3D界面的亮边（ThreedHighlight）颜色。（演示）

语法：

scrollbar-arrow-color : color

参数：

color : 　指定颜色。

说明：

设置或检索滚动条方向箭头的颜色。当滚动条出现但不可用时，此属性失效。（演示）

语法：

scrollbar-shadow-color : color

参数：

color : 　指定颜色。

说明：

设置或检索滚动条3D界面的暗边（ThreedShadow）颜色。

语法：

scrollbar-3d-light-color : color

参数：

color : 　指定颜色。

说明：

设置或检索滚动条亮边框颜色。

语法：

scrollbar-base-color : color

参数：

color : 　指定颜色。

说明：

设置或检索滚动条基准颜色。其它界面颜色将据此自动调整。

语法：

scrollbar-dark-shadow-color : color

参数：

color : 　指定颜色。

说明：

设置或检索滚动条暗边框（ThreedDarkShadow）颜色。