我一直在尝试更改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;}