title: Select Every Form Element Except Buttons with CSS3
body: <p>Is there a way with CSS3 to select every input-related element that does <strong>not</strong> have a <code>type</code> attribute of <code>button</code>, <code>reset</code>, <code>submit</code>, or a tag of <code>button</code>?  This is what I've gotten so far:</p>
  
  
  
  <pre><code>input:not([type="submit"]),
  textarea {
  
      /* ... */
  
  }
  
  input:not([type="submit"]):focus,
  textarea:focus {
  
      /* ... */
  
  }
  
  input:not([type="submit"]):hover,
  textarea:hover {
  
      /* ... */
  
  }
  </code></pre>
  
  <p>... but it's not as universal as it could be.  I'm wanting to apply some nice new transitions to solely input-related fields.  If these certain styles get applied to any buttons on the page, it begins to look strange.  Any help is appreciated.</p>