CSS-无法从选项元素（select的子项）中删除默认的悬停样式

Question

我想设置option元素的样式，添加我自己的hover颜色，而不是默认的蓝色。我可以更改背景颜色，但不能更改悬停效果。我该如何更改？ My code

CSS：

select option {
  background-color:red;
}
select option:hover {
color:black;
  background-color: green !important;
}

HTML：

<div class="dropdown">
        <select>
         <option> 18 per page</option>
         <option> 10 per page</option>
         <option> 5 per page</option>
       </select>
</div>