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 */
}

但这似乎行不通。如何实现所需的功能？

Answer 1

你可以试试:

!重要

option:: selection { background: #ffb7b7 !important;}