title: Disable checkbox click via CSS
body: <p>Is it possible to disable <code>checkbox</code> clicks via <code>CSS</code>. But keeping the functionality of the <code>checkbox</code> intact So we can set its values dynamically using <code>Javascript</code>. I wasn't able to find a proper solution. </p>
  
  <pre><code>pointer-events:none
  </code></pre>
  
  <p>did not work</p>