JSFiddle - React, Tailwind, and code Playground

by Muthuraman B

HTML

<select>
    <option val="">Please choose</option>
    <option val="1">Option 1</option>
    <option val="2">Option 2</option>
    <option val="3">Option 3</option>
    <option val="4">Option 4</option>
</select>


<select id="mySelect" class="yellowText">
    <option class="greenText" value="apple" >Apple</option>
    <option class="redText" value="banana" >Banana</option>
    <option class="blueText" value="grape" >Grape</option>
</select>

CSS

body{
    background: url(http://subtlepatterns.com/patterns/black_linen_v2.png) repeat;
}
select{
    margin:40px;
    background: rgba(0,0,0,0.3);
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
}
.greenText{ color:green; }

.blueText{ color:blue; }

.redText{ color:red; }