scrollbarTrackColor property

Article
05/02/2017

Specifies the color of the track element of a scroll bar.

Syntax

HRESULT value = object.put_scrollbarTrackColor( v);HRESULT value = object.get_scrollbarTrackColor(* p);

Property values

Type: VARIANT

Any color name or RGB values in the Color Table.

String format

variant

CSS information

Applies To	All elements
Media	visual
Inherited	1
Initial Value	depends on user-agent

Remarks

Windows Internet Explorer 8. The -ms-scrollbar-track-color attribute is an extension to CSS, and can be used as a synonym for IHTMLCSSStyleDeclaration::scrollbarTrackColor in IE8 Standards mode.

The track is the element of a scroll bar on which the scroll box can slide either up and down or left and right. The scroll box is the square 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.

This property applies to elements that display a scroll bar. Cascading Style Sheets (CSS) enable scrolling on all objects through the IHTMLCSSStyleDeclaration::overflow property. These objects are not listed in the Applies To list for this property.

Examples

This example uses IHTMLCSSStyleDeclaration::scrollbarTrackColor, IHTMLCSSStyleDeclaration::scrollbarFaceColor, and IHTMLCSSStyleDeclaration::scrollbarArrowColor to create two div objects with different scroll bar color schemes.

div {
  width: 150px;
  height: 150px;
  border-style: solid;
  border-width: thin;
  overflow-y: scroll;
  font-family: sans-serif;
  float: left;
  margin-right: 10px;
}
.blueScroll {
  scrollbar-highlight-color: aqua;
  scrollbar-face-color: blue;
  scrollbar-arrow-color: blue;
  border-color: blue;
}
.redScroll {
  scrollbar-highlight-color: bisque;
  scrollbar-face-color: red;
  scrollbar-arrow-color: red;
  border-color: red;
}

<body>
  <div class="blueScroll">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  </div>
  <div class="redScroll">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  </div>
</body>

The following image shows the result:

Requirements

Minimum supported client	Windows XP
Minimum supported server	Windows 2000 Server
Header	Mshtml.h
IDL	Mshtml.idl
DLL	Mshtml.dll

Share via