title: Disable text selection in textarea
body: <p>I need to find a way to prevent users from selecting text in a textarea.
  The goal is to create a custom keyboard that is used to enter text in the textarea. I want users to be able to click on the textarea to set the caret position (which is already working right now). However, I don't want the users to be able to select certain parts of the inserted text, or there should at least be no visual indication of this.
  I have already tried a few things, such as the following CSS, but without success.</p>
  <pre><code>textarea {
      -moz-user-select: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      user-select: none;
  }
  </code></pre>
  <p>The solution can be in CSS and/or JavaScript, and it only has to work in Google Chrome.</p>
  <hr />
  <p>Disabling the textarea will not work for me. As I mentioned, I want users to be able to place the caret at certain positions by clicking on the location. If I would disable the textarea, this functionality would be lost.</p>