CSS User-Select Generator - Control Text Selection Behavior

⚙️ Settings

user-select value

Sample text

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

.element { -webkit-user-select: auto; user-select: auto; }

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