How to disable text selection using CSS

By default, the browser allows us to use the keyboard, press the cmd-A combination on the Mac or select the text in the browser on the mouse.

How can I disable it so that the web page behaves more like an application and not like a document?

useuser-select: none;CSS rules.

You need to use the browser prefix, for examplehttps://caniuse.com/#feat=user-select-nonetell us:

-webkit-touch-callout: none;
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

One thing I sometimes use is to make all application interfaces unavailable to select appsuser-select: none;On the body element, you can then use the following command to re-enable it on a specific element:

user-select: text;

More CSS tutorials:

• Flexbox guide
• CSS grid tutorial
• CSS variables (custom attributes)
• Introduction to PostCSS
• CSS guarantees metallicity
• How to center an element using CSS
• CSS system fonts
• How to print HTML with styles
• Getting started with CSS transition
• CSS animation tutorial
• Introduction to CSS
• CSS guide
• How to set up Tailwind with PurgeCSS and PostCSS
• Tail wind cheat sheet
• How to continuously rotate an image using CSS
• Use CSS to make the table responsive
• How to debug CSS by halving
• CSS selector
• CSS cascade
• CSS specificity
• CSS attribute selector
• CSS colors
• CSS Unit
• CSS url()
• CSS typography
• CSS Box model
• CSS position properties
• CSS media queries and responsive design
• CSS function query
• CSS conversion
• How to style a list with CSS
• CSS vendor prefix
• CSS inheritance
• CSS pseudo-classes
• CSS pseudo elements
• Style HTML tables with CSS
• CSS Display property
• CSS calc() function
• CSS border
• Use @import to import CSS files
• CSS error handling
• CSS filter
• CSS Box size
• CSS background
• CSS comments
• CSS fonts
• CSS padding
• CSS float property and clear
• CSS normalization
• CSS z-index property
• How to disable text selection using CSS
• How to use CSS to place items at the bottom of their container
• How to invert colors using CSS
• Responsive front tags in CSS
• Responsive YouTube video embedding
• What is a good CSS breakpoint value for responsive design?
• How to align the center in Flexbox