HTML How can I prevent someone highlighting text within divs?

Question

Firstly yes I have found this link:

Is there a way to make text unselectable on an HTML page?

but it doesn't seem to work for me. I have lots of divs containing text, making a customised table. When a user uses ctrl and clicks on multiple rows sometimes the table content gets highlighted too. Then this causes a problem when I wish to scroll across the overflow of the table.

Is seem that, this question looks like this one : http://stackoverflow.com/questions/826782/css-rule-to-disable-text-selection-highlighting — David Laberge, Aug 17 '11 at 10:43

score 0 · Answer 1 · edited Dec 09 '13 at 14:38

0

Use CSS to solve this problem:

body {
    -webkit-user-select: none; /* Webkit */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE 10 */
    /* Currently not supported in Opera but will be soon */
    -o-user-select: none;
    user-select: none;
}

edited Dec 09 '13 at 14:38

thomaux

19,133
10
76
103

answered Dec 09 '13 at 14:35

dagogodboss

483
1
4
19

score 0 · Answer 2 · answered Aug 17 '11 at 10:32

0

You can use this CSS:

.unselectable {
   user-select: none;
}

answered Aug 17 '11 at 10:32

Delan Azabani

79,602
28
170
210

Note that it won't work on all browsers (I believe IE will have problem with that). – Madara's Ghost Aug 17 '11 at 10:36
For IE, look at the answer to http://stackoverflow.com/questions/2955277/unselectable-text-cross-browser-solution – Kevin Hakanson Aug 17 '11 at 11:47

HTML How can I prevent someone highlighting text within divs?

2 Answers2