Css disable selection

No select css

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

Css disable selection

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

<p>
  Selectable text.
</p>
<p class="noselect">
  Unselectable text.
</p>

Source: stackoverflow.com

Similar codes

16 votes358 views3 answers
CSS Head Link
CSS
0 vote378 views1 answer
Text truncate after 3 lines
CSS
0 vote366 views2 answers
How to do addition or subtraction on CSS Variables?
CSS
7 votes383 views4 answers
Css crop image
CSS
1 vote386 views1 answer
Beige hex code
CSS
0 vote363 views1 answer
Scss flex
CSS
1 vote376 views1 answer
Css scrollbar always visible
CSS
0 vote394 views1 answer
React right burger scrol bar
CSS
28 votes440 views6 answers
Linear gradient css background image
CSS
5 votes384 views5 answers
Disable text selection
CSS