CSS властивості
ГлавнаяДовідник CSSПсевдоелемент CSS ::-ms-check

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

183

Задає стиль перемикачів (input type="radio") та прапорців (input type="checkbox").

Це нестандартний псевдоелемент, працює тільки в браузерах Internet Explorer та Edge.

Синтаксис

<code><em>Селектор</em>::-ms-check { ... }

Позначення

Опис Приклад
<тип> Вказує тип значення. <розмір>
A & & B Значення повинні виводитися у вказаному порядку. <размер> && <колір>
A | B Вказує, що потрібно вибрати лише одне значення із запропонованих (A або B). normal | small-caps
A || B Кожне значення може використовуватися самостійно або спільно з іншими у довільному порядку. width || count
[ ] Групує значення. [ crop || cross ]
* Повторювати нуль або більше разів. [,<час>]*
+ Повторювати один або більше разів. <число>+
? Вказаний тип, слово або група не є обов'язковим. inset?
{A, B} Повторювати не менше A, але не більше B разів. <радіус>{1,4}
# Повторювати один або більше разів через кому. <час>#

Значення

Ні.

Приклад

<!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

Браузери

10 12

Браузери

У таблиці браузерів застосовуються такі позначення.

  •  — властивість підлога ністю підтримується браузером з усіма допустимими значеннями;
  •   ;— властивість браузером не сприймається та ігнорується;
  •  — при роботі можлива поява різних помилок, або властивість підтримується лише частково, наприклад, не всі допустимі значення діють або властивість застосовується не до всіх елементів, зазначених у специфікації.

Число вказує версію браузера, починаючи з якої властивість підтримується.

Автор та редактори

Автор: Влад Мержевич
Останнє змінення: 19.03.2018
Редактори: Влад Мержевич