JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ms2side__div">
<select name="secondSelect[]" id='second' size='8' >
                    <option value="1" style="padding: 10px;">Option a 1</option>
                    <option value="2" selected="selected">Option b 2(sel)</option>
                    <option value="3">Option c 3</option>
                    <option value="4" selected="selected">Option d 4 (sel)</option>
                    <option value="5">Option e 5</option>
                    <option value="6">Option f 6</option>
                    <option value="7">Option g 7</option>
                    <option value="8">Option h 8</option>
                    <option value="9">Option i 9</option>
                    <option value="10" selected="selected">Option l 10 (sel)</option>
</select>
</div>

CSS

.ms2side__div select {
    width: 220px;
    float: left;
    border: 1px solid #BFBFBF;
    background: white;
    font-size: 12px;
    color: #9D9D9D;
    font-family: Arial, Helvetica, sans-serif; 
    line-height: 25px;
    padding: 10px;
}

.ms2side__div select option[selected] {
    color: red;
}