JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div class="span5">
<select name="fields[abc][]" id="fields[abc]" style="width: 300px;" size="7" multiple="true">
               <option title="abc" value="abc">abc</option>
               <option title="Other" value="Other">Other </option>
            </select>
</div>
</body>

CSS

/*
select{
    background-color: yellow !important;;
    border: 1px solid #ccc;
    min-height: 550px;
}
*/
select[name=fields[abc][]] {    
    background-color: yellow !important;;
    border: 1px solid #ccc;
    min-height: 550px;
}