User Select

vel-src: interactivity.css

Utilities for controlling whether the user can select text in an element.

Class	Properties
vel-select-none	user-select: none
vel-select-text	user-select: text
vel-select-all	user-select: all
vel-select-auto	user-select: auto

Examples

Non-selectable UI label

Cannot be selected

example.html

<div class="vel-select-none" style="padding:0.5rem 1rem;background:#0d1422;border:1px solid #1e2d45;border-radius:0.25rem;color:#94a3b8;display:inline-block">
  Cannot be selected
</div>

Select all on click (e.g. code snippet)


  git clone https://github.com/VeloraX/veloracss.git

example.html

<code class="vel-select-all" style="display:block;padding:0.75rem 1rem;background:#060b17;border:1px solid #1e2d45;border-radius:0.5rem;color:#a87fff;font-family:monospace">
  git clone https://github.com/VeloraX/veloracss.git
</code>