Is there a way for mouse to completely ignore an html element?

Question

Possible Duplicate:
css rule to disable text selection highlighting

On my homepage i have a script, which shows a clock at the top of my homepage. I dont like the fact that i can choose this clock with my mouse, see the picture.

So i want to know if there is a way to completely prevent an html element from being selected by the mouse.

score 14 · Accepted Answer · answered Jan 01 '12 at 00:01

14

CSS can do that.

-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;

answered Jan 01 '12 at 00:01

Tom van der Woerdt

29,532
7
72
105

the simplicity and power of CSS XD – Joseph Jan 01 '12 at 01:56
One more thing... why there are 5 lines :S ??? – 71GA Jan 01 '12 at 11:33
2

One for each browser engine (Chrome,Safari = webkit, Chrome 1.0 = khtml, Firefox = moz, Opera = o) and one for those who implement the CSS3 spec correctly. – Tom van der Woerdt Jan 01 '12 at 13:37
1

@Tom -So the last one is obsolete ? :) – Nov 23 '14 at 10:50

Is there a way for mouse to completely ignore an html element?

1 Answers1