非标
此特征是非标准的，且不在标准轨道中。不要在面向 Web 的生产站点中使用它：它不适用于每个用户。实现之间可能存在大的不兼容性，且行为将来可能改变。
弃用
This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the
兼容性表格
at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.
-ms-scrollbar-face-color
CSS
特性为
Microsoft extension
that specifies the color of the scroll box and scroll arrows of a scroll bar.
| 初始值 |
ThreeDFace
|
|---|---|
| 适用于 | 所有元素 |
| 继承 | yes |
| 计算值 | 如指定 |
| 动画类型 | discrete |
<color>
The color of the scroll box and scroll arrows.
<color>where
<color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>where
<rgb()> = rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )
<rgba()> = rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )
<hsl()> = hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue>, <percentage>, <percentage>, <alpha-value>? )
<hsla()> = hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue>, <percentage>, <percentage>, <alpha-value>? )where
<alpha-value> = <number> | <percentage>
<hue> = <number> | <angle>
此范例使用
-ms-scrollbar-face-color
and
-ms-scrollbar-arrow-color
to display a scroll bar with a blue scroll box and arrows, and a scroll bar with a green scroll box and arrows.
div {
width: 150px;
height: 150px;
overflow-y: scroll;
border-style: solid;
border-width: thin;
font-family: sans-serif;
float: left;
margin-right: 10px;
}
.blueScrollBox {
scrollbar-face-color: blue;
scrollbar-arrow-color: blue;
}
.greenScrollBox {
scrollbar-face-color: green;
scrollbar-arrow-color: green;
}
<body>
<div class="blueScrollBox">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</div>
<div class="greenScrollBox">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</div>
</body>
This image shows the result:
Not part of any specification.
No compatibility data found. Please contribute data for "css.properties.-ms-scrollbar-face-color" (depth: 1) to the MDN 兼容性数据存储库 .
Supported in Windows Internet Explorer 8+. The
-ms-scrollbar-face-color
attribute is an extension to CSS, and can be used as a synonym for
scrollbar-face-color
in IE8 Standards Mode.
The scroll box is the rectangular box within a scroll bar that can be moved either up and down or left and right on a track to change the position of the content on the screen. The scroll arrows, located at each end of a scroll bar, are the square buttons containing the arrows that move the content on the screen in small increments — either up and down or left and right.
This property applies to elements that display a scroll bar. CSS enables scrolling on all objects through the
overflow
特性。