JSFiddle - React, Tailwind, and code Playground

HTML

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Nunc tincidunt</a></li>
    <li><a href="#tabs-2">Proin dolor</a></li>
    <li><a href="#tabs-3">Aenean lacinia</a></li>
  </ul>
  <div id="tabs-1">
    <p>Tab One</p>
      <p>In IE9 all select boxes inside the #tabs div will not stay open when clicked</p>
      <p>
          <select>
              <option>option 1</option>
              <option>option 2</option>
              <option>option 3</option>
          </select>
      </p>
  </div>
  <div id="tabs-2">
    <p>Tab Two</p>
  </div>
  <div id="tabs-3">
    <p>Tab Three</p>
  </div>
</div>

CSS

select {
	color: #777777;
}
select:hover {
	color: #FF0000;
}
select:active {
	color: #00FF00;    /* remove this line and it works ok in IE9 */
}

JavaScript

$("#tabs").tabs();