Updated: 2026-07-11
βοΈ Settings
ποΈ Live Preview
Try selecting the text below to see the effect:
π‘ Try it: Use your mouse to select this text
Line 1: This paragraph is affected by user-select
Line 2: Try dragging to select text in different modes
Line 2: Try dragging to select text in different modes
π CSS Code
.element {
-webkit-user-select: auto;
user-select: auto;
}
π Property Values
| Value | Description | Use Case |
|---|---|---|
| auto | Browser decides selection behavior (usually selectable) | Normal text content |
| text | User can select text in this element | Editable text areas |
| none | Prevents text selection in element | Buttons, nav, UI elements |
| all | Click selects all text automatically | Code blocks, shareable text |