How to make certain text not selectable with CSS [duplicate]

Question

The header for my page has some centered text, but I do not want the user to be able to select it. Is there a way to do this with CSS?

Answer 1

The CSS below stops users from being able to select text.

-webkit-user-select: none; /* Safari */         -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+/Edge */ user-select: none; /* Standard */ 

To target IE9 downwards the html attribute unselectable must be used instead:

<p unselectable="on">Test Text</p> 

Answer 2

Use a simple background image for the textarea suffice.

Or

<div onselectstart="return false">your text</div>