This is a tip that a guy in our office provided to me – preventing elements on a page from being hilighted if clicked on multiple times. This is useful if you bind events to elements that are being used as interface widgets such as navigation controls/buttons but you do not want the element to become hilighted if the user clicks more than once on them. This will happen if you have for example a DIV as a button container where the background of the DIV is the button art.

[edit 1/21/2014]

I added -webkit-touch-callout, -ms-user-select and the IE-specific JS.

    -webkit-touch-callout: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
::selection {
    background: transparent;
    color: none;
    color: none;

IE is a little different – in IE 8 (at least) you can use this bit of javascript:

document.onselectstart = function(){ return false };