phpjsJqueryhtmlcssblog

Как отключить выделить в css

"отключить выделить css" - Как отключить выделить в css. Иногда требуется в какой-то части сайта запретить выделение... текста. Это можно сделать через css!

Подробно о запрещении выделения текста через css

1. Как отключить выделить в css

Скопировать ссылку



Как отключить выделить в css

Начнем с примера -с выключенным выделением - попробуйте выделить ту часть текста которая находится внутри бордюра!

Пробуй меня выделить! смайлы

Итак... запрет выделения текста работает!?

Для того, чтобы запретить выделять текст через css нам понадобится:

Для этого возьмем div

В него поместим class

<div class=example>Пробуй меня выделить!</div>

Далее нам понадобятся стили:

<style>

.example {

-ms-user-select: none;

-moz-user-select: none;

-khtml-user-select: none;

-webkit-user-select: none;

}

</style>

Соберем код запрета выделения текста:

<style>

.example {

-ms-user-select: none;

-moz-user-select: none;

-khtml-user-select: none;

-webkit-user-select: none;

}

</style>

<div class=example>Пробуй меня выделить!</div>

Разместим приведенный код запрета выделения текста прямо здесь:

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

Пробуй меня выделить! смайлы

Еще никто не прокомментировал! COMMENTS+   BBcode

Подписаться + =

---