CSS3 Заборона виділення тексту - Веб-нотатки та Веб-підказки

CSS3: Заборона виділення тексту

user-select: none; У стандартіCSS3 передбачено властивість, що керує виділенням. З його допомогою можна заборонити виділення тексту. Це може знадобитися, наприклад, для елементів дизайну, кнопок, елементів керування.

Властивістьuser-select може містити такі властивості: —none — елемент не може бути виділений; —text — виділення тексту; -toggle - елемент має можливість перемикання станів; —element — у списку може бути виділено лише один елемент; —elements — у списку може бути виділено кілька елементів; —all — елемент може бути виділений цілком.

Увага! На момент написання статті ця властивість не працювала в жодному з широко відомих веб-браузерах. Правда, для веб-браузерів, створених на движкуMozilla (FireFox) таWebKit (Safari, Chrome), реалізовані такі властивості:-moz-user-select,-khtml-user-select відповідно.

Найбільш робочий приклад: .button /* Для Mozilla FireFox */ -moz-user-select: none; /* Для Safari, Chrome */ -khtml-user-select: none; /* Загальна властивість */ user-select: none; >

---