|
Ultima modificación |
Ver Log
|
| Rev |
Autor |
Línea Nro. |
Línea |
| 1 |
efrain |
1 |
---
|
|
|
2 |
layout: docs
|
|
|
3 |
title: Interactions
|
|
|
4 |
description: Utility classes that change how users interact with the contents of a website.
|
|
|
5 |
group: utilities
|
|
|
6 |
---
|
|
|
7 |
|
|
|
8 |
## Text selection
|
|
|
9 |
|
|
|
10 |
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.**
|
|
|
11 |
|
|
|
12 |
{{< example >}}
|
|
|
13 |
<p class="user-select-all">This paragraph will be entirely selected when clicked by the user.</p>
|
|
|
14 |
<p class="user-select-auto">This paragraph has the default select behavior.</p>
|
|
|
15 |
<p class="user-select-none">This paragraph will not be selectable when clicked by the user.</p>
|
|
|
16 |
{{< /example >}}
|
|
|
17 |
|
|
|
18 |
Customize the available classes by changing the `$user-selects` Sass list in `_variables.scss`.
|