26.4　设置滚动条方向箭头颜色

滚动条有表示方向的箭头，当单击箭头时，文档将会向箭头方向移动。通过CSS属性可以对箭头设置颜色，当然，只有当滚动条出现时才会有颜色的出现，下面来介绍滚动条方向箭头的颜色。

设置滚动条方向箭头颜色首先要在IE的效果中设置出现滚动条的方向箭头，如果层中有滚动条，就会出现设置好颜色的滚动条方向箭头，否则，不会出现箭头，滚动条方向箭头颜色的语法形式如下。

scrollbar-arrow-color：color

属性scrollbar-arrow-color表示滚动条方向箭头的颜色，其接的值为颜色值，代码26.3演示了其属性的用法。

代码26.3　源代码\第26章\设置滚动条方向箭头的颜色.html

———————————-文件名：设置滚动条方向箭头的颜色.html———————————-

01 ＜html＞

02 ＜head＞

03 ＜title＞设置滚动条方向箭头的颜色＜/title＞

04 ＜style type="text/css"＞

05 #s1

06 {

07 width：200px；

08 height：100px；

09 overflow：scroll；

10 /设置滚动条的箭头颜色/

11 scrollbar-arrow-color：red；

12 }

13 ＜/style＞

14 ＜/head＞

15

16 ＜body＞

17 ＜div id="s1"＞

18 HTML+CSS完全自学手册.HTML+CSS完全自学手册.HTML+CSS完全自学手册.

19 HTML+CSS完全自学手册.HTML+CSS完全自学手册.HTML+CSS完全自学手册

20 ＜/div＞

21 ＜/body＞

22 ＜/html＞

【代码解析】在代码第11行设置了scrollbar-arrow-color的值，表示了设置滚动条方向箭头的颜色，当层中出现滚动条时，那么两端的箭头就显示出来，且颜色是在CSS代码中设置好的颜色，效果如图26.3所示。

图　26.3　设置滚动条方向箭头的颜色

注意　在图26.3中，因左右两边没有出现滚动条，故不会出现方向箭头的颜色。