title: How can I opt out of a CSS style on a case-by-case basis?
body: <p>I have a CSS style that I need for most input elements, namely:</p>
  
  <pre><code>input{
      width: 100%;
      margin: 5px 0 0 -2px;
  }
  </code></pre>
  
  <p>However, there are a couple of cases where I want the input element to be much less wide than that. How can I accomplish that? It seems to me it should be something like:</p>
  
  <pre><code>&lt;input type="date" style="width=100px"&gt;&lt;/input&gt;
  </code></pre>
  
  <p>...to override the 100% width, but that doesn't work. I binged for "opt out of css style application" and similar phrases, but did not find what I need.</p>