有没有办法在Bootstrap 4的：hover上更改Option Select的背景

Question

我无法更改<option>中<select>的背景。

我:hover在选项上时要删除默认的蓝色背景。我试过运气不好的CSS。

下面是现在的代码。

这里是指向fiddle的链接。

select>option:hover {
  background: red !important;
}

<div class="container">
  <div class="row">
    <select id="select_box" class="form-control shadow-none">
      <option>Option1</option>
      <option>Option2</option>
      <option>Option3</option>
      <option>Option4</option>
      <option>Option5</option>
    </select>
  </div>
</div>