chrome浏览器下select元素透明问题

HTML

<div style="width: 200px; height: 200px; background: red">
    <select style="background: transparent;">
    <option style="background: transparent;">Here is the first option</option>
    <option style="background: transparent;">The second option</option>
   </select>
</div>