How to stop highlighting of a div element when double-clicking

css xhtml tags highlighting double-click
dave picture dave · Aug 10, 2011 · Viewed 88k times · Source

I have this div element with a background image and I want to stop highlighting on the div element when double-clicking it. Is there a CSS property for this?

Answer

tw16 picture tw16 · Aug 11, 2011

The CSS below stops users from being able to select text. Live example: http://jsfiddle.net/hGTwu/20/

-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;

To target IE9 downwards and Opera the html attribute unselectable must be used instead:

<div unselectable="on">Test Text</div>

Related questions

Make a div into a link

I have a <div> block with some fancy visual content that I don't want to change. I want to make it a clickable link. I'm looking for something like <a href="…"><div> … </div&…

Read More
How do I center align horizontal <UL> menu?

I need to center align a horizontal menu. I've tried various solutions, including the mix of inline-block / block / center-align etc., but haven't succeeded. Here is my code: <div class="topmenu-design"> <!-- Top menu content: START --> &…

Read More
HTML list-style-type dash

Is there a way to create a list-style in HTML with a dash (i.e. - or – &ndash; or — &mdash;) i.e. <ul> <li>abc</li> </ul> Outputting: - abc …

Read More