::-ms-reveal

Содержание

Задаёт стиль кнопки для просмотра пароля в поле <input type="password">. Кнопка исходно не видна и появляется в правой части поля при вводе пароля (рис. 1). Если щёлкнуть по этой кнопке и удерживать левую кнопку мыши, то вместо точек будет показан вводимый пароль.

Кнопка для просмотра пароля

Рис. 1. Кнопка для просмотра пароля

Это нестандартный псевдоэлемент, работает только в браузере Internet Explorer.

Синтаксис

Селектор::-ms-reveal { ... }

Значения

Нет.

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>::-ms-reveal</title>
  <style>
   input[type="password"]::-ms-reveal {
    background: #c00;
    color: #fff;
   }
  </style>
 </head>
 <body>
  <form action="handler.php">
   <input type="password" name="pass" placeholder="Введите пароль">
   <input type="submit" value="Войти">
  </form>
 </body>
</html>

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

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

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

Браузеры

Internet ExplorerChromeOperaSafariFirefox
10
AndroidFirefox MobileOpera MobileSafari Mobile




Рекомендую хостинг: beget.ru

Сервер падал:7 дн. 7:13 назад.

Посещений в месяц:205640

Посещений в день:100


+7 (951) 527 0204

+7 (928) 103 4987

programmer@niesoft.ru