::-ms-check

Summary

The ::-ms-check CSS pseudo-element represents the checkmark of an <input> of type="checkbox" or type="radio".

This pseudo-element is non-standard and only supported in Internet Explorer and Edge, as indicated by the vendor prefix (-ms for Microsoft).

Syntax

selector::-ms-check

Examples

HTML Content

<form>
    <label for="redButton">Red</label>
    <input type="radio" id="redButton"><br>
    <label for="greenCheckbox">Green</label>
    <input type="checkbox" id="greenCheckbox">
</form>

CSS Content

input, label {
    display: inline;
}
input[type=radio]::-ms-check {
    color: red; /* This will make the circle red when the button is checked. */
}
input[type=checkbox]::-ms-check {
    color: green; /* This will make the checkmark green when the button is checked. */
}

Below is the example for you to try. The screenshot to the left shows what will happen when you check the buttons if you don't have access to Internet Explorer or Edge.

Screenshot	Live sample

Specification

Not part of any specification.

Microsoft has a description on MSDN that lists various properties that can be set on this pseudo-element.

Browser compatibility