Name	Size	Mode	Actions
borders.md	2463	0644	editdlrm
clearfix.md	916	0644	editdlrm
close-icon.md	365	0644	editdlrm
colors.md	2741	0644	editdlrm
display.md	3971	0644	editdlrm
embed.md	1916	0644	editdlrm
flex.md.gz	2852	0644	editdlrm
float.md	1706	0644	editdlrm
image-replacement.md	968	0644	editdlrm
interactions.md	814	0644	editdlrm
overflow.md	1006	0644	editdlrm
position.md	1415	0644	editdlrm
screen-readers.md	596	0644	editdlrm
shadows.md	740	0644	editdlrm
sizing.md	2179	0644	editdlrm
spacing.md	4043	0644	editdlrm
stretched-link.md.gz	1496	0644	editdlrm
text.md.gz	1537	0644	editdlrm
vertical-align.md	1279	0644	editdlrm
visibility.md	914	0644	editdlrm

--- layout: docs title: Interactions description: Utility classes that change how users interact with the contents of a website. group: utilities --- ## Text selection Change how the content is selected when the user interacts with it. Note that Internet Explorer and Legacy Edge have no support for the `all` value for `user-select`, and as such, **`.user-select-all` is not supported by either browser.** {{< example >}}

This paragraph will be entirely selected when clicked by the user.

This paragraph has the default select behavior.

This paragraph will not be selectable when clicked by the user.

{{< /example >}} Customize the available classes by changing the `$user-selects` Sass list in `_variables.scss`.