JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<div>
    This is text containing <span class="col-red">Color</span><span class="col-blue">ful</span> Text.
</div>

<br/>

<select>
  <option value="volvo">Volvo</option>
    <option value="alfaromeo"><span class="col-red">Alfa</span> Romeo</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi" style="color: red;">Audi</option>
</select>

CSS

.col-red{
    color:red;
}
.col-blue{
    color:blue;
}