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
autotextnoneall user-select Browser Support
Widely available Since 2015 95% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
54+
69+
3+
79+