Як зробити текст невиделяемим на css
Але в даній статті ми розглянемо другий і більш сучасний спосіб. Він полягає в тому, щоб зробити текст невиделяемим на css.
У коді використовується псевдоелемент css. selection, який дозволяє вказати стиль для виділяється тексту. Крім стилю background можна використовувати і інші, а саме: color і background-color.
Увага! Для браузера MozillaFirefox використовується псевдоелемент. -moz-selection.
Псевдоелемент. selection работае у всіх сучасних браузерах і в Internet Explorer починаючи з версії 9.0.
У коді ми вказали заборона на виділення тексту для всього тексту. Якщо це потрібно зробити для абзацу, то зазначений вище код зміниться.
Давайте розглянемо повний код сторінки з даними псевдоелементи:
При спробі виділення цього тексту візуально нічого не відбувається.
Але давайте розглянемо детальніше роботу стилів css. Дана специфікація на css не забороняє виділити текст, а всього лише дозволяють зробити виділяється фон прозорим, що призводить до того, що візуально здається, що текст не виділяється.
Хоча все дуже просто - потрібно виділити текст і натиснути на передбачувану виділену область правою кнопкою миші, а потім "копіювати текст".
Виходить, що даний спосіб просто обманює користувача. Він не захищає абсолютно ваші тексти, але завдяки специфікаціям css дозволяє досягти мети і зробити текст невиделяемим на css.