title: Using jQuery, how to find out if CSS selector "input[type=text]" is natively supported by browser?
body: <p>In my CSS I have a rule that must be applied to all text fields (using the CSS3 selector <code>input[type=text]</code>.</p>
  
  <p>I also use <a href="http://en.wikipedia.org/wiki/JQuery" rel="nofollow noreferrer">jQuery</a>. Some browsers like Internet Explorer 6 does not support that form for CSS selector. So my workaround is to add an extra classname in CSS:</p>
  
  <pre><code>input[type=text], .workaround_classname{
    /* css styling goes here */
  }
  </code></pre>
  
  <p>And via jQuery then add the CSS class:</p>
  
  <pre><code>$('input[type=text]').addClass('workaround_classname');
  </code></pre>
  
  <p>The Question is: How do I make sure this rule only is invoked when CSS3 selectors are not natively supported?</p>