javascript - 如何在鼠标悬停时更改下拉选项的背景颜色？

Question

我有以下下拉列表：

<asp:DropDownList ID="ddlSubdivision" AppendDataBoundItems="true"
runat="server" Height="30px" Width="450px" AutoPostBack="True"
OnSelectedIndexChanged="SubDivision_Changed" CssClass="dropdown"
OnClick ="">

在这个下拉列表中，我想在鼠标悬停时更改选项的颜色。默认情况下，在 Chrome 中它显示为蓝色，但我想将其更改为红色。

我尝试了以下 CSS 代码：

   .dropdown {
  position: relative;
  display: inline-block;
}

option::selection {
  background: #ffb7b7; /* WebKit/Blink Browsers */
}

但这似乎不起作用。如何实现所需的功能？

标签： javascripthtmlcssasp.netvb.net

Answer 1

您可以尝试：

!important

选项：：选择{背景：#ffb7b7！重要；}