WooCommerce Select2下拉式默认排序过滤器颜色CSS



我一直在尝试更改wooccommerce商店页面上悬停的默认排序过滤器的颜色,但我似乎在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;}

感谢

更新-悬停Select2项将获得由javascript添加的select2-results__option--highlighted附加类,因此使用:

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

最新更新