jquery - 如何在下拉列表中仅处于活动状态时更改特定项目的颜色

Question

请告诉我一种在下拉菜单中激活第一个标签时更改其颜色的方法。

<form action="/action_page.php">
  <select name="cars">
    <option id="choose" value="choose">please choose</option>
    <option value="saab">Asia</option>
    <option value="fiat">Africa</option>
    <option value="audi">Europe</option>
  </select>
  <br><br>
  <input type="submit">
</form>

</body>
</html>

-CSS- 
#choose.active{
    background: #red !important;
}

请参阅下面随附的 jpeg。

我尝试使用 css，但是当我改变它的颜色时，所有其他项目的活动状态颜色也改变了。这就是我想要的。看这个

标签： jqueryhtmlcssforms

Answer 1

我相信你的意思是当它悬停时。

它应该是#choose:hover

避免使用 !important