Non standard
Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.
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
(valeursblock
,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 typerange
: - Les pseudo-éléments similaires des autres navigateurs
- CSS-Tricks : Mettre en forme les champs de saisie des formulaires pour les différents navigateurs avec CSS (en anglais)