Справочник CSS

CSS (от англ. Cascading Style Sheets «каскадные таблицы стилей») — формальный язык описания внешнего вида документа (веб-страницы)

Перед вами самый полный справочник по языку разметки CSS. Он будет полезен как новичкам так и профессионалам

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

Задаёт стиль кнопки для просмотра пароля в поле input type="password".

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

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

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

Синтаксис

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

Значения

Нет.

Пример

HTML5CSS3IE 10CrOpSaFx

<!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 ExplorerChromeOperaSafariFirefoxAndroidiOS
10.0+

Версии CSS

CSS 1CSS 2CSS 2.1CSS 3

Megahub использует cookie-файлы. С их помощью мы улучшаем работу нашего портала и ваше взаимодействие с ним.