user-select
The user-select property specifies whether text can be selected by the user.
Formal Syntax
auto | text | none | contain | all
JavaScript Access
// Access via element.style
element.style.userSelect = 'auto';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| user-select | 54 | 69 | 3 | 79 |
| all | 53 | 1 | 16 | 79 |
| auto | 1 | 1 | 2 | 12 |
| none | 1 | 21 | 2 | 12 |
| text | 1 | 1 | 2 | 12 |
Related Properties
- accent-color
- appearance
- caret-color
- cursor
- field-sizing
- pointer-events
- scrollbar-color
- scrollbar-gutter
- scrollbar-width
- touch-action
- caret-animation ๐งช
- caret-shape ๐งช
- interactivity ๐งช
- interest-delay ๐งช
- interest-delay-end ๐งช
- interest-delay-start ๐งช
- box-snap ๐ง
- caret ๐ง
- event-trigger ๐ง
- event-trigger-name ๐ง
- event-trigger-source ๐ง
- input-security ๐ง
- line-snap ๐ง
- nav-down ๐ง
- nav-left ๐ง
- nav-right ๐ง
- nav-up ๐ง
- pointer-timeline ๐ง
- pointer-timeline-axis ๐ง
- pointer-timeline-name ๐ง
- slider-orientation ๐ง
- spatial-navigation-action ๐ง
- spatial-navigation-contain ๐ง
- spatial-navigation-function ๐ง