css - 修改悬停颜色选项的方法

Question

当我提到显示蓝色的选项时，我遇到了另一个问题，因此我无法编辑 CSS 选项，已经搜索了很长时间，但没有找到修改悬停时颜色选项的方法

/**
 * Option item
 */
option {
    cursor: pointer;
}
option:last-child {
    border-bottom: none;
}
option:hover {
 background: red linear-gradient(0deg, red 0%, red 100%);
}

只工作：

select:focus option:checked {
  background: red linear-gradient(0deg, red 0%, red 100%);
}

<select>
  <option value="" disabled selected>Choose your option</option>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>