11eff23e47
* Add autoscoping with generated demo * Remove manual demo from all snippets * Add JavaScript inside IIFE * Align mouse-cursor-gradient-tracking.md to demo code * Match snippets to demo * Update CONTRIBUTING.md * Create reusable function for code extraction
34 lines
611 B
Markdown
34 lines
611 B
Markdown
### Disable selection
|
|
|
|
Makes the content unselectable.
|
|
|
|
#### HTML
|
|
|
|
```html
|
|
<p>You can select me.</p>
|
|
<p class="unselectable">You can't select me!</p>
|
|
```
|
|
|
|
#### CSS
|
|
|
|
```css
|
|
.unselectable {
|
|
user-select: none;
|
|
}
|
|
```
|
|
|
|
#### Demo
|
|
|
|
#### Explanation
|
|
|
|
`user-select: none` specifies that the text cannot be selected.
|
|
|
|
#### Browser support
|
|
|
|
<span class="snippet__support-note">⚠️ Requires prefixes for full support.</span>
|
|
<span class="snippet__support-note">⚠️ This is not a secure method to prevent users from copying content.</span>
|
|
|
|
* https://caniuse.com/#feat=user-select-none
|
|
|
|
<!-- tags: interactivity -->
|