- Instant help with your CSS coding problems

Disable text selection with CSS

by Mike
Question:
How to disable text selection with CSS?
Answer:
user-select: none;
Description:

You can disable text selection highlighting using the user-select CSS property. Simply set the property value to none and the text of the element and its sub-elements is not selectable anymore.

Reference:
CSS user-select reference
Share "How to disable text selection with CSS?"
Related snippets:
Tags:
disbale teext selection, disable text selection highlighting, text, selection, highlighting
Technical term:
Disable text selection with CSS
Trending articles
Use clip path in TailwindCSSSet focus border in TailwindCSSCreate hover underline animation in TailwindCSSTruncate text in TailwindCSSCreate triangles with TailwindCSSCreate custom toggle button with TailwindCSSImplement Dark mode with TailwindCSSHow to create custom checkboxes in TailwindCSSFix the Unknown at rule @tailwind warning in VSCodeFix TailwindCSS breaks existing styles
Trending snippets
Remove focus border around input elementCreate endless rotation animation in CSSAdd a box shadow to only one side of an elementCenter an absolute element in TailwindCSSAdd dots if text is too longAdd class to child when hovering on parent in TailwindCSSAdd text shadow with Tailwind CSSForce line break in a long word using CSSSelect the nth child in TailwindCSSAccess child elements in TailwindCSSCreate a neon effect with TailwindCSSHow to use !important in TailwindCSSChange bullet size in HTMLHow to use CSS variables in TailwindCSSWrite vertical text in HTMLSet line spacing in CSSSelect first child in TailwindCSSDisable text selection with CSSHow to use calc() in TailwindCSSSet custom cursor in CSS
Network articles
Fix the ReactDOM.render is no longer supported in React 18How to run useEffect only once in ReactCheck if number is odd or even in JavaScriptGet the first element of an array in JavaScriptFix the Error: 0x8007019e The Windows Subsystem for Linux has not been enabledAdd class to the clicked element in JavaScriptExport VS Code extensionsReplace spaces with dashes in PHPCount total rows by year in MySQLLimit characters in Textarea in HTMLFix the TypeError: MiniCssExtractPlugin is not a constructorConvert string to pascal case in JavaScriptRound up a number in JavaScriptCollapse code blocks in VS CodeDelete records from MySQL tablePHP switch case statementConvert PHP string to int valueCache static content using htaccessSetup Facebook Open Graph Meta TagsSet type for useState React hook with TypeScript
Interesting things
OpanAi's ChatGPT