Bootstrap/site/docs/4.5/utilities/interactions.md

---
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.**

{% capture example %}
<p class="user-select-all">This paragraph will be entirely selected when clicked by the user.</p>
<p class="user-select-auto">This paragraph has the default select behavior.</p>
<p class="user-select-none">This paragraph will not be selectable when clicked by the user.</p>
{% endcapture %}
{% include example.html content=example %}

Customize the available classes by changing the `$user-selects` Sass list in `_variables.scss`.
Add new interaction utilities and role attr to Reboot (#30562) - Adds .user-select-* utils from v5 - Adds button role attribute util, one of the top requested features in our issues for adding pointer cursors - Adds new docs page to demonstrate both - Includes Sass list for customizing user select 2020-05-11 19:57:29 +02:00			`---`
			`layout: docs`
			`title: Interactions`
Grammar fixes 2020-05-12 08:45:21 +02:00			`description: Utility classes that change how users interact with the contents of a website.`
Add new interaction utilities and role attr to Reboot (#30562) - Adds .user-select-* utils from v5 - Adds button role attribute util, one of the top requested features in our issues for adding pointer cursors - Adds new docs page to demonstrate both - Includes Sass list for customizing user select 2020-05-11 19:57:29 +02:00			`group: utilities`
			`---`

			`## Text selection`

Mention user-select-all support in docs (#32151) 2020-11-13 19:49:32 +01:00			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.
Add new interaction utilities and role attr to Reboot (#30562) - Adds .user-select-* utils from v5 - Adds button role attribute util, one of the top requested features in our issues for adding pointer cursors - Adds new docs page to demonstrate both - Includes Sass list for customizing user select 2020-05-11 19:57:29 +02:00
			`{% capture example %}`
			`<p class="user-select-all">This paragraph will be entirely selected when clicked by the user.</p>`
			`<p class="user-select-auto">This paragraph has the default select behavior.</p>`
			`<p class="user-select-none">This paragraph will not be selectable when clicked by the user.</p>`
			`{% endcapture %}`
			`{% include example.html content=example %}`

			Customize the available classes by changing the `$user-selects` Sass list in `_variables.scss`.