::-ms-track

Le pseudo-élément ::-ms-track est un pseudo-élément spécifique à Microsoft qui permet de représenter la piste sur laquelle on peut déplacer le curseur d'un élément <input> de range.

La propriété color, appliquée au sein d'un sélecteur ::-ms-track modifiera la couleur des graduations le long de la piste. Si on souhaite les masquer, on pourra utiliser la valeur transparent.

On peut utiliser les pseudo-éléments ::-ms-ticks-after, ::-ms-ticks-before et ::-ms-track ensemble afin de créer trois ensembles graduations. Toutefois, pour des raisons d'ergonomie, il est conseillé de n'avoir qu'une seule mise en forme pour ces graudations.

Propriétés autorisées

Seules les propriétés CSS suivantes sont autorisées dans une règle dont le sélecteur contient ::-ms-track (les autres propriétés sont ignorées).

• background-clip
• background-color
• background-image
• background-origin
• 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 (valeurs block, inline-block, none)
• @font-face
• font-size
• font-style
• font-weight
• height
• margin-bottom
• margin-left
• margin-right
• margin-top
• -ms-background-position-x
• -ms-background-position-y
• -ms-high-contrast-adjust
• opacity
• outline-color
• outline-style
• outline-width
• padding-bottom
• padding-left
• padding-right
• padding-top
• transform
• transform-origin
• visibility
• width

Syntaxe

  ::-ms-track

Spécifications

Ce pseudo-élément est un pseudo-élément propriétaire lié à Trident/Microsoft et ne fait partie d'aucune spécification.

Voir aussi

• Les pseudo-élément utilisés par IE/Edge et qui permettent de mettre en forme un élément <input> de type range :
  • ::-ms-thumb
  • ::-ms-fill-upper
  • ::-ms-fill-lower
• Les pseudo-éléments similaires des autres navigateurs
  • ::-webkit-slider-runnable-track
  • ::-moz-range-track
• CSS-Tricks : Mettre en forme les champs de saisie des formulaires pour les différents navigateurs avec CSS (en anglais)