Псевдоэлемент ::-ms-check

Задаёт стиль переключателей (input type="radio") и флажков (input type="checkbox").

Синтаксис

селектор::-ms-check { ... }

Значения

Нет.

Пример

HTML5CSS3IE 10CrOpSaFx

<!DOCTYPE HTML>
	<html>
	 <head>
	  <meta charset="utf-8">
	  <title>::-ms-check</title>
	  <style>
	   input[type="radio"]::-ms-check,
	   input[type="checkbox"]::-ms-check {
		background: #c00;
		color: #fff;
	   }
	  </style>
	 </head>
	 <body>
	  <form action="handler.php">
	   <p>Сколько лет длилась Столетняя война?</p>
	   <input type="radio" name="a" value="1" checked> 100
	   <input type="radio" name="a" value="2"> 99
	   <input type="radio" name="a" value="3"> 116
	   <p><input type="submit" value="Ответить"></p>
	   <p>Какие цвета относятся к красному?</p>
	   <input type="checkbox" name="b" value="1"> Коралловый
	   <input type="checkbox" name="b" value="2"> Амарантовый
	   <input type="checkbox" name="b" value="3"> Малиновый
	   <input type="checkbox" name="b" value="4"> Кардинал
	   <p><input type="submit" value="Ответить"></p>
	  </form>
	 </body>
	</html>

Результат данного примера показан на рис. 1.

Использование ::-ms-check

Рис. 1. Использование ::-ms-check

Браузеры

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
10.0+

Версии CSS

CSS 1CSS 2CSS 2.1CSS 3