title: Disable Form Input with CSS
body: <p>I have the following form element I need to disable from accessing via the mouse using purely CSS.  I do not have access to the form element to disable by editing the form input markeup, I only have access to the CSS style sheets.</p>
  
  <pre><code>&lt;input type="text" name="rs:def:website" size="48" maxlength="64"&gt;
  </code></pre>
  
  <p>I'm attempting to use the <code>pointer-events:none</code> to disable the element from being able to accept input. I need to make sure I don't disable other text input.</p>
  
  <p>This is what I've tried with no luck. Any suggestions?</p>
  
  <pre><code>.rs:def:website .input{
    pointer-events: none;
  }
  </code></pre>