This question has already been answered:

How can I disable the selection of text in a specific element?

Reported as a duplicate by the participants Ivan Pshenitsyn , dirkgntly , aleksandr barakin , user194374, Grundy Aug 22 '16 at 9:33 .

A similar question was asked earlier and an answer has already been received. If the answers provided are not exhaustive, please ask a new question .

1 answer 1

Cross-browser solution:

.unselectable { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ } 
 <p> Selectable text. </p> <p class="unselectable"> Unselectable text. </p> 

More information here .