WooCommerce Select2 Dropdown 默认排序过滤器颜色 CSS

Question

我一直在尝试更改 woocommerce 商店页面上悬停的默认排序过滤器的颜色，但我似乎无法在 Google Chrome 开发人员工具中找到选择器，我似乎无法找到控制颜色的 CSS这个悬停元素。

以下解决方案似乎仅适用于国家/地区选择器下拉菜单，但它不会更改默认排序悬停颜色。请问有谁知道默认排序过滤器选择器的正确选择器吗？

.select2-container--default .select2-results__option[aria-selected=true]{
background-color: #FF0000;}

.select2-container--default .select2-results__option[data-selected=true]{
background-color: #0000FF;}

谢谢

Answer 1

更新 - 悬停的 Select2 项目获得 select2-results__option--highlighted 由 javascript 添加的附加类，因此使用：

.select2-container--default .select2-results__option[data-selected=true]{
background-color: #0000FF;}
.select2-container--default .select2-results__option[data-selected=true].select2-results__option--highlighted{
background-color: #FF0000;}