title: IE conditional targeting with ReactJS
body: <p>I'm writing a web application using ReactJS, and I have a need to target specifically <strong>IE9 and below</strong> browsers to exclude a class from being applied.  Specifically, my client has a custom <code>&lt;select&gt;</code> control that they want to use, and on their main website (<em>which doesn't use React</em>) they use conditional comments to target IE9- to not apply the custom <code>&lt;select&gt;</code> styles.  The problem is that <strong>with ReactJS, there is no way to do IE conditional comments</strong>.  I've done a bit of google-foo, and the best solution I can find is <a href="https://nemisj.com/conditional-ie-comments-in-react-js/" rel="noreferrer">to inject the HTML directly into the DOM rather than allow React to handle the render</a>.</p>
  
  <pre><code>&lt;div&gt;
      &lt;!--[if lte IE 9]&gt;
      &lt;select&gt;
      &lt;![endif] --&gt;
      &lt;!--[if !IE]&gt; --&gt;
      &lt;select className = "customSelect"&gt;
      &lt;!-- &lt;![endif] --&gt;
          &lt;!-- OPTIONS GO HERE --&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there a way to emulate this in CSS only, or has anyone heard of a react plugin that would allow me to do IE conditional checks?</p>
  
  <p><a href="https://jsfiddle.net/pjve4h1e/2/" rel="noreferrer">jsFiddle for example here</a></p>