search

Home  >  Article  >  Web Front-end  >  css: usage and definition of scrollbar-arrow-color

css: usage and definition of scrollbar-arrow-color

黄舟
黄舟Original
2017-07-03 11:06:382653browse

Syntax: 

scrollbar-arrow-color : color

Parameters:

color: Specify the color. Please refer to Color Units and Appendix: Color Table

Description:

Sets or retrieves the color of the scroll bar direction arrow. This property has no effect when the scroll bar is present but not available.
See overflowproperties.
The corresponding script feature is scrollbarArrowColor. Please see other books I have written.

Example: 

div {scrollbar-arrow-color : buttontext; }

Syntax: 

scrollbar-arrow-color：<color>

Default value: buttontext

Applies to: all blocks except table system Level element

Inherits property: Yes

Value:

b10fb37415d019cfffa8c4d7366c607f:

Specifies the color.

Description:

Retrieve or set the color of the object scroll bar direction arrow. This property has no effect when the scroll bar is present but not available.

The corresponding script feature is scrollbarArrowColor.

Compatibility:

Light Green = Supported

Red = Not Supported

Dark Green = Partially Supported

Orange = Experimental

Supported version\type

IE Firefox Safari Chrome Opera

Version

6 4-18 5.1.7 13-23 11.5-12.5

Example:

<!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>

The above is the detailed content of css: usage and definition of scrollbar-arrow-color. For more information, please follow other related articles on the PHP Chinese website!

Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Example case sharing of CSS custom scroll bar scrollbar-face-colorNext article：Example case sharing of CSS custom scroll bar scrollbar-face-color

Related articles

See more