Mixin vendor de SISASS para la propiedad user-select.
Define si el usuario puede seleccionar o no el texto de un elemento. Aplica los prefijos históricos -webkit-, -moz- y -ms-, y después agrega la propiedad estándar.
@mixin user-select($br: none);| Parámetro | Tipo | Default | Descripción |
|---|---|---|---|
| br | Keyword | String | none | Define el valor que se asignará a la propiedad user-select. |
En este ejemplo, el primer bloque permite seleccionar el texto con normalidad. El segundo usa el valor none, por lo que evita la selección al arrastrar el cursor o mantener pulsado en pantallas táctiles.
<div class="user_select_example">
<div class="card">Puedes seleccionar este texto sin restricciones.</div>
<div class="card blocked">Este texto no se puede seleccionar.</div>
</div>