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

8 votes358 views4 answers
CSS Grid Column
CSS
0 vote332 views1 answer
Hide featured image in wordpress
CSS
0 vote306 views1 answer
Purge tailwind 3
CSS
10 votes306 views1 answer
Css when click select another class
CSS
0 vote336 views1 answer
Css 2 images side by side to stack
CSS
0 vote339 views1 answer
Dynamic multi-level in vuejs
CSS
16 votes320 views4 answers
Arrow up css
CSS
0 vote318 views1 answer
Animation clip path
CSS
0 vote314 views1 answer
Html invisible hr
CSS