title: How do I set the css cursor to "not-allowed" when a Select2 dropdown is disabled?
body: <p>I have a data-entry div where all the select boxes are Select2. When in &quot;view&quot; mode rather than &quot;edit&quot; mode, the form elements (input, select, textarea) are disabled.
  To disable them, I use</p>
  <pre><code>$('#myDiv input, select, checkbox, textarea').each(function () {
    $(this).prop(&quot;disabled&quot;, true);
  });
  </code></pre>
  <p>I have tried these in the style sheet, but they have no effect on the Select2 elements:</p>
  <pre><code>select:disabled {cursor:not-allowed;}
  .select2:disabled {cursor:not-allowed;}
  .select2-disabled {cursor:not-allowed;}
  .select2-disabled .select2-result-label {cursor:not-allowed;}
  </code></pre>