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-check
est une extension Microsoft qui représente la marque visuelle d'un élément <input>
de type="checkbox"
or type="radio"
. Ce pseudo-élément n'est pas standard et est uniquement pris en charge par Internet Explorer et Edge.
Propriétés autorisées
Seules certaines propriétés CSS peuvent être utilisées au sein d'une règle dont le sélecteur contient ::-ms-check
. Les autres propriétés seront ignorées.
-ms-background-position-x
-ms-background-position-y
-ms-high-contrast-adjust
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
etnone
)@font-face
font-size
font-style
font-weight
height
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
Syntaxe
selecteur::-ms-check
Exemples
CSS
input, label {
display: inline;
}
input[type=radio]::-ms-check {
/* Le cercle sera rouge comme l'option sera sélectionnée. */
color: red;
/* La bordure de l'élément sera rouge si l'option est sélectionnée */
border-color: red;
}
input[type=checkbox]::-ms-check {
/* La coche sera verte quand la case sera cochée. */
color: green;
/* La bordure de l'élément sera verte si la case est cochée */
border-color: red;
}
HTML
<form>
<label for="redButton">Rouge</label>
<input type="radio" id="redButton"><br>
<label for="greenCheckbox">Verte</label>
<input type="checkbox" id="greenCheckbox">
</form>
Résultat
La capture d'écran à gauche illustre le résultat obtenu avec Internet Explorer ou Edge.
Screenshot | Live sample |
---|---|
Spécifications
Ce pseudo-élément est un pseudo-élément propriétaire lié à Trident/Microsoft et ne fait partie d'aucune spécification.
Compatibilité des navigateurs
No compatibility data found. Please contribute data for "css.selectors.-ms-check" (depth: 1) to the MDN compatibility data repository.