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

0 vote176 views1 answer
DIVI Responsive menu breakpoints
CSS
1 vote147 views1 answer
Vue import css scoped
CSS
70 votes133 views4 answers
Css vertical align center
CSS
0 vote120 views2 answers
Css align image bottom
CSS
0 vote126 views1 answer
JavaScript find common characters between the strings
CSS
127 votes258 views4 answers
React import bootstrap css
CSS Bootstrap
16 votes140 views3 answers
Exact middle of screen css
CSS
6 votes135 views1 answer
Flex change order
CSS
0 vote162 views1 answer
Css columns
CSS
0 vote140 views2 answers
Fix materialize form label not working
CSS