为所有浏览器选择列表悬停颜色

Question

我有选择列表，我正在使用 bootstrap 。

我想要覆盖它的默认蓝色。 我想在:hover，选择上定义自定义颜色，然后点击（:focus和:active。）。

*有些人告诉我使用css无法实现。 所以，我尝试使用javascript或jQuery实现这一点。但它不起作用。现在*

但它不适用于悬停。请参阅演示。

这是我的JSFiddle

请指导我。