CSS приклад: -moz-user-select

Інтернет ЕксплорерChromeOperaSafariFirefoxAndroidiOS
1.5+

Коротка інформація

Значення за замовчуваннямтекст
НаслідуєтьсяТак
ЗастосовуєтьсяДо всіх елементів
Відсотковий записНе застосовується

Версії CSS

CSS 1CSS 2CSS 2.1CSS 3

Опис

Керує поведінкою виділення тексту та інших елементів на сторінці. Незалежно від заборони або дозволу, в будь-якому випадку можна виділяти вміст текстових полів форми.

Синтаксис

-moz-user-select: none | text | -moz-none | all

Значення

none
Користувач не може виділити текст та будь-які вкладені елементи.
text
Користувач може виділити текст.
-moz-none
Текст всередині елемента не може бути виділено, але виділення для вкладених елементів може бути дозволено через -moz-user-select: text.
all
Подвійне клацання по елементу виділяє весь текст всередині його батька.

Приклад

HTML5CSS2.1CSS3IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>-moz-user-select</title>
  <style>
   body { -moz-user-select: -moz-none; }
   .enable { -moz-user-select: text; }
  </style>
 </head>
 <body>
  <p>Цей текст неможливо виділити</p>
  <p><input type="text" value="Цей текст можливо виділити" /></p>
  <p class="enable">Цей текст також можливо виділити</p>
 </body>
</html>

Часті запитання

  • Q: Як використовувати -moz-user-select в CSS?

    A: Можна встановити -moz-user-select: none; для елементу, щоб заборонити виділення тексту в Firefox.

  • Q: Де використовують -moz-user-select в CSS?

    A: Зазвичай -moz-user-select використовують для контролю над можливістю виділення тексту на веб-сторінці в Firefox.

  • Q: Як відключити виділення тексту в Firefox за допомогою -moz-user-select?

    A: Для цього потрібно встановити -moz-user-select: none; для відповідного елементу або текстового контенту.

  • Q: Чи підтримується -moz-user-select в інших браузерах окрім Firefox?

    A: Ні, -moz-user-select є пропріетарним властивістю тільки для Firefox і не підтримується в інших браузерах.

  • Q: Як дозволити виділення тексту в Firefox, якщо встановлено -moz-user-select: none;?

    A: Можна встановити -moz-user-select: text; для елементу, щоб дозволити виділення тексту в Firefox.