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

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

244

Дозволяє змінювати стиль елементів форми, зроблених за допомогою <input> або < select>.

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

Синтаксис

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

Позначення

Опис Приклад
<тип> Вказує тип значення. td> <розмір>
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-value</title> <style> input::-ms-value { background-color: #fc0; } 
select::-ms-value { background: #333; color: #fff; } 
input[type="file"]::-ms-value { background-color: #0a77d5; color: #fff; }
</style>
</head>
<body> <form action="handler.php"> <p>Змініть ім'я користувача <input name="nick"></p> <p>Перевірне питання: що зробила Куздра? <select name="ask"> <option value="1">Будланула бокра</option> <option value="2">Кудрячить бокеня</option> <option value="3">Глокнула</option>
</select></p> <p>Завантажити документ <input type="file" name="doc"></p> <p><input type="submit" value="Надіслати"></p>
</form>
</body>
</html>

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

Вигляд елементів форми змінених з за допомогою ::-ms-value

Мал. 1. Вид елементів форми, змінених за допомогою ::-ms-value

Браузери

10 12

Браузери

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

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

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

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

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