7

Как я могу запретить выделение текста в определенном элемента?

2

1 ответ 1

22

Кроссбраузерное решение:

.unselectable {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}
<p>
  Selectable text.
</p>
<p class="unselectable">
  Unselectable text.
</p>

Больше информации здесь.

1
  • 1
    А как сделать, чтобы value в Input нельзя было выделить? из статьи на Хабре просто сразу говориться (кроме элементов INPUT и TEXTAREA) 8 фев 2020 в 12:36