`-webkit-text-security` CSS-свойство

Нестандартное: Эта функция не является стандартной и не входит в процесс стандартизации. Не используйте её на сайтах, доступных в Интернете: она будет работать не у всех пользователей. Кроме того, между реализациями могут быть значительные различия, а поведение может измениться в будущем.

-webkit-text-security — нестандартное CSS-свойство, которое скрывает символы в поле <form> (например, в <input> или <textarea>), заменяя их фигурой. Оно влияет только на поля, которые не имеют тип type=password.

Синтаксис

-webkit-text-security: circle;
-webkit-text-security: disc;
-webkit-text-security: square;
-webkit-text-security: none;

/* Global values */
-webkit-text-security: inherit;
-webkit-text-security: initial;
-webkit-text-security: revert;
-webkit-text-security: revert-layer;
-webkit-text-security: unset;

Формальный синтаксис

-webkit-text-security = circle | disc | square | none

Примеры

Скрытие текста в текстовом поле

Попробуйте ввести текст в поле ниже. Если ваш браузер поддерживает это свойство, символы должны визуально замениться квадратами.

HTML

<label for="name">Name:</label> <input type="text" name="name" id="name" />

CSS

input {
  -webkit-text-security: square;
}

Результат

Спецификации

Не входит ни в один стандарт.

Совместимость с браузерами

	Настольные компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome для Android	Firefox для Android	Opera для Android	Safari для iOS	Samsung Internet	WebView для Android	WebView для iOS
`-webkit-text-security`	1	79	114	15	3	18	114	14	1	1.0	4.4	1

См. также

Расширения CSS WebKit

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/-webkit-text-security