Привет всем! В этой короткой статье я хочу рассказать про одно свойство, которое может кому-нибудь оказаться полезным - user-select .

Как разрешить или запретить выделять текст на CSS.

Привет всем! В этой короткой статье я хочу рассказать про одно свойство, которое может кому-нибудь оказаться полезным - user-select.

Данное свойство позволяет разрешить или запретить выделение текста на странице.

Однако, текстовые поля формы можно будет выделять в любом случае.

Теперь поговорим о значениях.

-moz-user-select: all;

-moz-user-select: text;

-moz-user-select: none;

В первом случае двойным щелчком можно будет выделить весь текст внутри родителя.

Во втором случае пользователь сможет выделять текст, как по умолчанию.

В третьем случае пользователю будет запрещено выделять текст как в родителе, так и во вложенных элементах.

Однако, как вы могли заметить, все это касается браузера Mozilla Firefox.

Чтобы это работало в браузерах, использующих движок webkit, нужно прописать префикс -webkit-.

-webkit-user-select: auto;

-webkit-user-select: none;

-webkit-user-select: text;

text - можно выделять текст в элементе.

none - выделять элемент запрещено.

auto - можно выделять элемент.

Вот такое свойство, которое, иногда, находит применение и знать его нужно.

Спасибо за внимание и до скорого!