如何在 WooCommerce 中更改结帐国家/地区选择的悬停颜色？

Posted 2023-03-06

【中文标题】如何在 WooCommerce 中更改结帐国家/地区选择的悬停颜色？

【英文标题】：How to change hover color on checkout country selection in WooCommerce?

【发布时间】：2018-03-22 08:54:11

【问题描述】：

在做一个小项目，遇到一个不知道如何解决的小问题。在我的dev site link 上，当将一些产品添加到购物车并继续结帐时，在国家选择字段中，每个国家/地区都有一些我想更改的悬停绿色。

我为那个选择器找到了这个 CSS：

.select2-drop.select2-drop-active

但无论我改变什么，似乎都没有生效。

这是我在视觉上得到的：

也许我看错了我不知道的 CSS 类。

【参考方案1】：

更新：悬停选定值时负责的 CSS 规则是：

.woocommerce .select2-results li.select2-highlighted, 
.woocommerce-page .select2-results li.select2-highlighted 
    background: transparent !important;
    color: red !important;

您可能有义务（或没有）添加 !important 以覆盖现有规则……

【讨论】：

有我的问题。链接“我的开发网站”。

没问题，伙计。再次感谢。 :)