VOOZH about

URL: https://www.geeksforgeeks.org/css/tailwind-css-user-select/

⇱ Tailwind CSS User Select - GeeksforGeeks


  • Courses
  • Tutorials
  • Interview Prep

Tailwind CSS User Select

Last Updated : 23 Jul, 2025

This class accepts lots of value in tailwind CSS in which all the properties are covered as a class form. This class is used to specify whether the text can be selected by the user or not.  In CSS, we do that by using the CSS user-select property

User Select classes

  • select-none: This class is used to deny the selection of any text.
  • select-text: This class is used to select single text.
  • select-all: This class is used to select the whole statement.
  • select-auto: This class is used to set the default behavior.

Syntax:

<element class="select-{effect}">...</element>

Example:

Output:

👁 Image
Comment