::-ms-ticks-after

The ::-ms-ticks-after CSS pseudo-element is a Microsoft extension that applies one or more styles to the tick marks after the slider track of an <input type="range"> (also known as a slider) control. In a left-to-right layout, these are the ticks below the track. In a top-to-bottom layout, these are the ticks to the right of a track.

Syntax

::-ms-ticks-after{...}

These ticks aren't shown by default. To show them, set the control's display CSS property to block.

It is possible to use ::-ms-ticks-after, ::-ms-ticks-before, and ::-ms-track selectors together. However, to do so would create three sets of tick marks, which is not recommended. For the most ideal user experience, use one set of tick marks. To remove tick marks altogether, set the color property to transparent.

You can set these properties on this pseudo-element (other properties are ignored):

• background-clip
• background-color
• background-image
• background-origin
• -ms-background-position-x
• -ms-background-position-y
• background-repeat
• background-size
• border-bottom-color
• border-bottom-left-radius
• border-bottom-right-radius
• border-bottom-style
• border-bottom-width
• border-left-color
• border-left-style
• border-left-width
• border-right-color
• border-right-style
• border-right-width
• border-top-color
• border-top-left-radius
• border-top-right-radius
• border-top-style
• border-top-width
• box-shadow
• box-sizing
• color
• cursor
• display These values are supported: block, inline-block, none.
• @font-face
• font-size
• font-style
• font-weight
• height
• -ms-high-contrast-adjust
• margin-bottom
• margin-left
• margin-right
• margin-top
• opacity
• outline-color
• outline-style
• outline-width
• padding-bottom
• padding-left
• padding-right
• padding-top
• transform
• transform-origin
• visibility
• width

See also

• <input type="range">