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

时间:2019-06-24 08:26:49

标签: 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">Africa</option>
    <option value="audi">Europe</option>
  </select>
  <br><br>
  <input type="submit">
</form>

</body>
</html>

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

请参见下面的jpeg

我尝试使用CSS,但是当我更改其颜色时,所有其他项目的活动状态颜色也都更改了。This is what I want.see this

1 个答案:

答案 0 :(得分:0)

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

应该是#choose:hover

避免使用!important