user-select
Может ли пользователь выделять текст элемента.
Синтаксис
user-select: none;Значения
| Параметр | Тип | Описание |
|---|---|---|
| auto | keyword | Как обычно (по умолчанию). |
| none | keyword | Текст нельзя выделить. |
| all | keyword | Один щелчок выделяет весь текст элемента. |
Примеры
Невыделяемый текст и код, который выделяется одним щелчком:
<p style="user-select: none;">This text cannot be selected.</p>
<p>Promo code: <code style="user-select: all;">SAVE25</code> — one click selects it all.</p>Примечания
none подходит для кнопок и ручек перетаскивания, где случайное выделение мешает. Не ставьте его на обычный текст — люди копируют текст, и запрет только раздражает.
См. также
- ::selection — Часть текста, которую выделил пользователь.
- pointer-events — Реагирует ли элемент на щелчки и касания или пропускает их к тому, что под ним.
Вопросы и ответы по теме
В учебнике
- Оформление форм — Как оформить поля и кнопки — отступы и рамки, состояние фокуса, подсказка, выключенные и ошибочные поля, accent-color и свои флажки через appearance: none.