Как разрешить или запретить выделять текст на 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 - можно выделять элемент.
Вот такое свойство, которое, иногда, находит применение и знать его нужно.
Спасибо за внимание и до скорого!
-
Создано 25.07.2014 20:30:49
-
Михаил Русаков
Комментарии (0):
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.