Jquery 当下拉列表中的特定项目处于';它只是活动的

Jquery 当下拉列表中的特定项目处于';它只是活动的,jquery,html,css,forms,Jquery,Html,Css,Forms,请告诉我当第一个标签在下拉列表中激活时,如何更改其颜色 <form action="/action_page.php"> <select name="cars"> <option id="choose" value="choose">please choose</option> <option value="saab">Asia</option> <option value="fiat"&g

请告诉我当第一个标签在下拉列表中激活时,如何更改其颜色

<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;
}

请选择
亚洲
非洲
欧洲


-CSS- #选择{ 背景:#红色!重要; }
请参阅下面附加的jpeg


我尝试使用css,但当我更改它的颜色时,所有其他项目的活动状态颜色也会更改。

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

应该是#选择:悬停

避免使用!重要的