Skip to content

Instantly share code, notes, and snippets.

@CITguy
Last active April 12, 2021 20:36
Show Gist options
  • Save CITguy/ce3f7479677ea386c130bd4891cd4b87 to your computer and use it in GitHub Desktop.
Save CITguy/ce3f7479677ea386c130bd4891cd4b87 to your computer and use it in GitHub Desktop.

A quick reference list of ::-ms-* prefixed pseudo elements.

pseudo element file text checkbox radio select range password progress
::-ms-browse
::-ms-check
::-ms-clear
::-ms-expand
::-ms-fill
::-ms-fill-lower
::-ms-fill-upper
::-ms-reveal
::-ms-thumb
::-ms-ticks-after
::-ms-ticks-before
::-ms-tooltip
::-ms-track
::-ms-value

::-ms-browse

Applies one or more styles to the browse button of an <input type="file"> control.

::-ms-check

Applies one or more styles to the check of a <input type="checkbox"> or <input type="radio"> control.

::-ms-clear

Applies one or more styles to the clear button of a <input type="text"> control.

  • The clear button is shown only when the control has focus and is not empty.

::-ms-expand

Applies one or more styles to the drop-down button of a <select> control.

::-ms-fill

Applies one or more styles to the <progress> control. All styles are applied to the bar portion of the determinate progress bar, except for the animation-name style property, which controls the animation of the indeterminate progress control.

::-ms-fill-lower

Applies one or more styles to portion of the track of a <input type="range"> control (also known as a slider control). The styles are applied to the control's track from its smallest value up to the value currently selected by the thumb. In a left-to-right layout, this is the portion of the track to the left of the thumb.

::-ms-fill-upper

Applies one or more styles to portion of the track of a <input type="range"> control (also known as a slider control). The styles are applied to the control's track from the value currently selected by the thumb up to the slider's largest value. In a left-to-right layout, this is the portion of the track to the right of the thumb.

::-ms-reveal

Applies one or more styles to the password reveal button of an <input type="password"> control.

::-ms-thumb

Applies one or more styles to portion of the <input type="range"> control (also known as a slider control) that the user drags.

::-ms-ticks-after

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.

::-ms-ticks-before

Applies one or more styles to the tick marks before the slider track of an <input type="range"> control (also known as a slider control). In a left-to-right layout, these are the ticks above the track. In a top-to-bottom layout, these are the ticks to the left of a track.

::-ms-tooltip

Applies one or more styles to the tooltip of an <input type="range"> control (also known as a slider control).

::-ms-track

Applies one or more styles to the track of an <input type="range"> control (also known as a slider control).

::-ms-value

Applies one or more styles to the content of a <input type="text"> or <input type="password"> control, or a <select> control.

@CITguy
Copy link
Author

CITguy commented Apr 12, 2021

  • Create cheat sheet / downloadable reference

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment