CSS: user-select

By Xah Lee. Date: .

Prevent text selection.

Note, this does not work for right-click menu.

body {user-select: none;}

Note: does not work in Safari nor Firefox as of 2019-02-26

Possible values:

Prevent Right Click

to prevent right click, use this JavaScript

document.addEventListener ('contextmenu', ((x) => x.preventDefault ()) , false);

CSS Misc

  1. Computed Style
  2. Pseudo Class vs Pseudo Element
  3. Media Query
  4. Variable
  5. calc
  6. Reset
  7. user-select
  8. Data URI Scheme
  9. protocol-relative URL
  10. Default Unit
  11. Declaring Character Set in CSS File
  12. Jargons Explained: Tag, Element, Node, Object, Attribute, Property, Method
Liket it? I spend 2 years writing this tutorial. Help me spread it. Tell your friends. Or, Put $5 at patreon.

Or, Buy JavaScript in Depth

If you have a question, put $5 at patreon and message me.

Web Dev Tutorials

  1. HTML
  2. Visual CSS
  3. JS in Depth
  4. JS Object Ref
  5. DOM Scripting
  6. SVG
  7. Blog