title: Chrome Prevent text selection not working on select all
body: <p>I have a very simple HTML page with divs, and I want to disable the user selection only for one of these divs. It's working well on Firefox, but fails on Chrome. 
  What fails is: when I select all the page with the mouse, copy it and paste it in a notepad, I get all the text, even the one supposed not to be selectable. The same thing happens when I ctrl+A the whole page.</p>
  
  <p>Here is the HTML:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /&gt;
  &lt;title&gt;Test&lt;/title&gt;
  &lt;style&gt; 
      .unselectable {
          -webkit-touch-callout: none;
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
      }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div&gt;Start&lt;/div&gt;
  &lt;div class="unselectable"&gt;Unselectable text&lt;/div&gt;
  &lt;div&gt;End&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>When I remove the first div, or the last div, it works well: I do not get the "Unselectable text" in my copy/paste.
  <em>My Chrome version is up to date: 47.0.2526.111</em> 
  I would like a solution without any Javascript, or only vanilla: I do not have jQuery on my page, and do not want to.</p>
  
  <p>Thanks for your help!</p>