---
title: User Select
position: 9
seo_title: Telerik and Kendo UI User Select Utilities
seo_description: The Telerik and Kendo UI User Select utilities to control the
  text selection behavior.
---
## User Select

The Telerik and Kendo UI User Select Utilities are CSS utility classes that enable you to control the text selection behavior in an element.

<CSSRulesList data='{"id":"user-select"}'></CSSRulesList>

### All

Use the `k-user-select-all` utility to enable the user to select all the text content.

<LiveDemo data='{"links":[],"demo":"utils/interactivity/user-select/all","height":100,"codePreviewSettings":{"filterSelector":".k-user-select-all,.k-user-select-text,.k-user-select-none","customHtml":"<div class=\"k-user-select-all k-border k-border-dashed k-border-secondary k-p-1\">\n  ...\n</div>"}}'></LiveDemo>

### Text

Use the `k-user-select-text` utility to enable the user to select a portion of the text content.

<LiveDemo data='{"links":[],"demo":"utils/interactivity/user-select/text","height":100,"codePreviewSettings":{"filterSelector":".k-user-select-all,.k-user-select-text,.k-user-select-none","customHtml":"<div class=\"k-user-select-text k-border k-border-dashed k-border-secondary k-p-1\">\n  ...\n</div>"}}'></LiveDemo>

### None

Use the `k-user-select-none` utility to disable text selection.

<LiveDemo data='{"links":[],"demo":"utils/interactivity/user-select/none","height":100,"codePreviewSettings":{"filterSelector":".k-user-select-all,.k-user-select-text,.k-user-select-none","customHtml":"<div class=\"k-user-select-none k-border k-border-dashed k-border-secondary k-p-1\">\n  ...\n</div>"}}'></LiveDemo>