::-ms-check

The ::-ms-check CSS pseudo-element is a Microsoft extension that 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

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

CSS

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. */
}

Result

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.

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