user-select
Controls whether the user can select text within an element. It is often used to prevent text selection on UI elements like buttons or icons.
Quick example
.unselectable {
user-select: none;
/* prevents accidental text selection on UI components */
}Quick facts
Initial value
autoInherited
No
Applies to
all elements
Animation type
discrete
Values
autotextnonealluser-select Browser Support
Limited availability95% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Not ready for production without a fallback.
54+
69+
79+