make text readonly / non-selectable
<p>I am trying to make some text readonly using in-line CSS. Both these methods work fine when testing using a standard html page.</p>

<p>Firefox syntax: </p>

<pre><code>&lt;div style="-moz-user-select: none;"&gt;Some text&lt;/div&gt;
</code></pre>

<p>Chrome Syntax: </p>

<pre><code>&lt;div style="-webkit-user-select: none;"&gt;Some text&lt;/div&gt;
</code></pre>

<p>However, I am trying to use this syntax in a text editor used within a CMS product. It works fine for firefox but not Chrome. I have also tried using the most basic approach which also does not work:</p>

<pre><code>&lt;div style="user-select: none;"&gt;Some text&lt;/div&gt;
</code></pre>

<p>My question is, is there any other way of using in-line CSS (or HTML) to disable a block of text. Because we are using a free text editor we cant use any HTML input types.</p>