Making text unselectable

http://stackoverflow.com/a/5207792/154877

by Marcel

HTML

<link rel="stylesheet" href="http://turi.co/up/jsfiddle.css">
<div id="wrap">
    <header>
        <h1><b>SO:</b> Making text unselectable</h1>
    </header>
    <section>
        <h2>This subtitle should be unselectable</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur blandit, enim quis hendrerit lacinia, ipsum turpis accumsan turpis, sit amet ullamcorper lacus diam.</p>
        <textarea></textarea>
    </section>
    
    <footer>This is a code example for the Stack Overflow question <br><a href="http://stackoverflow.com/a/5207792/154877">"javascript: Making text unselectable"</a></footer>
</div>

CSS

textarea { width:100%; height:10em; padding:.5em; font:13px/1.4 'open sans', sans-serif; }

h2 {
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  -o-user-select:none;
  user-select:none;
}