css:scrollbar-arrow-color的使用与定义
程序员文章站
2022-05-01 23:44:55
...
语法:
scrollbar-arrow-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
设置或检索滚动条方向箭头的颜色。当滚动条出现但不可用时,此属性失效。
请参阅overflow属性 。
对应的脚本特性为scrollbarArrowColor。请参阅我编写的其他书目。
示例:
div {scrollbar-arrow-color : buttontext; }
语法:
scrollbar-arrow-color:<color>
默认值:buttontext
适用于:除table系外的所有块级元素
继承性:有
取值:
<color>:
指定颜色。
说明:
检索或设置对象滚动条方向箭头的颜色。当滚动条出现但不可用时,此属性失效。
对应的脚本特性为scrollbarArrowColor。
兼容性:
浅绿 = 支持
红色 = 不支持
墨绿 = 部分支持
橙色 = 实验性质
支持版本\类型
IE Firefox Safari Chrome Opera
版本
6 4-18 5.1.7 13-23 11.5-12.5
示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>scrollbar-arrow-color_CSS参考手册_web前端开发参考手册系列</title> <style> div{overflow:scroll;width:200px;height:80px;margin-top:20px;} .test{scrollbar-arrow-color:#f00;} .test2{scrollbar-arrow-color:#080;} .test3{scrollbar-arrow-color:#630;} </style> </head> <body> <div>自定义滚动条方向箭头的外观颜色。你将在IE浏览器下看到滚动条的方向箭头变成红色</div> <div>自定义滚动条方向箭头的外观颜色。你将在IE浏览器下看到滚动条的方向箭头变成绿色</div> <div>自定义滚动条方向箭头的外观颜色。你将在IE浏览器下看到滚动条的方向箭头变成棕色</div> </body> </html>
以上就是css:scrollbar-arrow-color的使用与定义的详细内容,更多请关注其它相关文章!