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

时间:2017-10-10 20:24:58

标签: css wordpress woocommerce css-selectors wordpress-theming

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

我为该选择器找到了这个CSS:

.select2-drop.select2-drop-active

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

这就是我的视觉效果:

enter image description here

也许我在错误的CSS课程中看到我不知道。

1 个答案:

答案 0 :(得分:2)

已更新:悬停所选值时,负责的CSS规则为:

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

您可能有义务(或不是)添加 !important 来覆盖现有规则......