JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap-combined.min.css">
<select size="1" id="testList">
    <option value="1" title="Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1Lots of stuff to say 1" style="color:red;">Item 1</option>
    <option value="2" title="Lots of stuff to say 2" style="color:green;">Item 2</option>
    <option value="3" title="Lots of stuff to say 3" style="">Item 3</option>
    <option value="4" title="Lots of stuff to say 4" style="color:orange;">Item 4</option>
</select>

JavaScript

;