Skip to main content

Return to Answer

Fixed the syntax highlighting (as a result the diff looks more extensive than it really is - use view "side-by-side markdown" to compare), etc.
Source Link
Peter Mortensen
Peter Mortensen
  • 31.4k
  • 22
  • 110
  • 134

It is easily done with:

-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; 
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;

Alternatively:

Let's say you have a <h1 id="example">Hello, World!</h1>. You will have to remove the innerHTML of that h1, in this case Hello, World. Then you will have to go to CSS and do this:

#example::before // You can of course use **::after** as well. { content: 'Hello, World!'; // Both single-quotes and double-quotes can be used here. display: block; // To make sure it works fine in every browser. }

Now it simply thinks it is a block-element, and not a text.

It is easily done with:

-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;

Alternatively:

Let's say you have a <h1 id="example">Hello, World!</h1>. You will have to remove the innerHTML of that h1, in this case Hello, World. Then you will have to go to CSS and do this:

#example::before // You can of course use **::after** as well. { content: 'Hello, World!'; // Both single-quotes and double-quotes can be used here. display: block; // To make sure it works fine in every browser. }

Now it simply thinks it is a block-element, and not a text.

It is easily done with:

-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;

Alternatively:

Let's say you have a <h1 id="example">Hello, World!</h1>. You will have to remove the innerHTML of that h1, in this case Hello, World. Then you will have to go to CSS and do this:

#example::before // You can of course use **::after** as well. { content: 'Hello, World!'; // Both single-quotes and double-quotes can be used here. display: block; // To make sure it works fine in every browser. }

Now it simply thinks it is a block-element, and not text.

Active reading [<http://en.wikipedia.org/wiki/Cascading_Style_Sheets>].
Source Link
Peter Mortensen
Peter Mortensen
  • 31.4k
  • 22
  • 110
  • 134

EasilyIt is easily done with:

-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;

alternativelyAlternatively:

Let's say you have a <h1 id="example">Hello, World!</h1>, What you. You will have to do is remove the innerHTML of that h1:, in this case Hello, World. Then you will have to go to cssCSS and do this:

#example::before // You can ofcof course use **::after** as well. {   content: 'Hello, World!'; // Both single-quotes and double-quotes can be used here.   display: block; // To make sure it works fine in every browser. }

Now it simply thinks it is a block-element, and not a text.

Easily done with:

-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;

alternatively:

Let's say you have a <h1 id="example">Hello, World!</h1>, What you will have to do is remove the innerHTML of that h1: in this case Hello, World. Then you will have to go to css and do this:

#example::before //You can ofc use **::after** as well. { content: 'Hello, World!'; //Both single-quotes and double-quotes can be used here. display: block; //To make sure it works fine in every browser. }

Now it simply thinks it is a block-element, and not a text.

It is easily done with:

-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;

Alternatively:

Let's say you have a <h1 id="example">Hello, World!</h1>. You will have to remove the innerHTML of that h1, in this case Hello, World. Then you will have to go to CSS and do this:

#example::before // You can of course use **::after** as well. {   content: 'Hello, World!'; // Both single-quotes and double-quotes can be used here.   display: block; // To make sure it works fine in every browser. }

Now it simply thinks it is a block-element, and not a text.

Added an alternative option
Source Link
codeWithMe
codeWithMe
  • 892
  • 2
  • 12
  • 17

Easily done with:

-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;

alternatively:

Let's say you have a <h1 id="example">Hello, World!</h1>, What you will have to do is remove the innerHTML of that h1: in this case Hello, World. Then you will have to go to css and do this:

#example::before //You can ofc use **::after** as well. { content: 'Hello, World!'; //Both single-quotes and double-quotes can be used here. display: block; //To make sure it works fine in every browser. }

Now it simply thinks it is a block-element, and not a text.

Easily done with:

-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;

Easily done with:

-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;

alternatively:

Let's say you have a <h1 id="example">Hello, World!</h1>, What you will have to do is remove the innerHTML of that h1: in this case Hello, World. Then you will have to go to css and do this:

#example::before //You can ofc use **::after** as well. { content: 'Hello, World!'; //Both single-quotes and double-quotes can be used here. display: block; //To make sure it works fine in every browser. }

Now it simply thinks it is a block-element, and not a text.

Source Link
codeWithMe
codeWithMe
  • 892
  • 2
  • 12
  • 17