- Instant help with your CSS coding problems

Disable text selection with CSS

Snippet added on Jan 24, 2021 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 TailwindCSS Set focus border in TailwindCSS Create hover underline animation in TailwindCSS Truncate text in TailwindCSS Create triangles with TailwindCSS Create custom toggle button with TailwindCSS Implement Dark mode with TailwindCSS How to create custom checkboxes in TailwindCSS Fix the Unknown at rule @tailwind warning in VSCode Fix TailwindCSS breaks existing styles

Trending snippets

Remove focus border around input element Create endless rotation animation in CSS Center an absolute element in TailwindCSS How to use !important in TailwindCSS Add class to child when hovering on parent in TailwindCSS Add a box shadow to only one side of an element Add text shadow with Tailwind CSS Add dots if text is too long Create a neon effect with TailwindCSS Access child elements in TailwindCSS Select the nth child in TailwindCSS Change bullet size in HTML Force line break in a long word using CSS Select first child in TailwindCSS Use emoji instead of list style How to use calc() in TailwindCSS How to use CSS variables in TailwindCSS Create horizontal rule with text using TailwindCSS Using :not in TailwindCSS Write vertical text in HTML

Network articles

Fix the ReactDOM.render is no longer supported in React 18 How to run useEffect only once in React Check if number is odd or even in JavaScript Get the first element of an array in JavaScript Fix the Error: 0x8007019e The Windows Subsystem for Linux has not been enabled Add class to the clicked element in JavaScript Export VS Code extensions Replace spaces with dashes in PHP Count total rows by year in MySQL Limit characters in Textarea in HTML Fix the TypeError: MiniCssExtractPlugin is not a constructor Convert string to pascal case in JavaScript Round up a number in JavaScript Collapse code blocks in VS Code Delete records from MySQL table PHP switch case statement Convert PHP string to int value Cache static content using htaccess Setup Facebook Open Graph Meta Tags Set type for useState React hook with TypeScript

Interesting things

OpanAi's ChatGPT