Woocommerce选择箱子文本白色在白色背景,样式伪善言辞

时间:2017-04-06 13:27:07

标签: css wordpress woocommerce

所以我现在已经为此工作了2天,并且无法将我的选项框更改为黑色文字。

我已经尝试了!important标签,甚至没有覆盖白色字体颜色。

option {
color: #000 !important;}

https://www.outkastfabworx.com/checkout/ 是该网站。

状态和国家/地区选择框不会以黑色文本显示,除非我将正文字体设为黑色,但几乎所有内容都是黑色的。 我已经尝试了一些我在Stack上看过的东西,但到目前为止,他们都没有让我覆盖这种风格。

任何帮助都表示赞赏,甚至指出了我需要注意的方向。'

更新:Screenshot of error 您必须在结帐前将项目添加到购物车,以便复制错误。

2 个答案:

答案 0 :(得分:0)

¿你想改变文字的颜色(在这种情况下“返回商店”为黑色吗?

试试这个。

.button.wc-backward {
    color: black;
}

截图 enter image description here

如果这不是你想要的,你需要更具体。

答案 1 :(得分:0)

选项无法使用css进行样式设置。 WooCommerce使用jQuery进行选择。

.select2-container--default li {
  color: #444444;
}

.select2-container--default li:hover,
.select2-container--default li:focus,
.select2-container--default li:active {
  color: #fff;
}

您可能必须在两者上添加!important(例如:color: #444!important;)或使用更高的特异性或将此CSS放在所有其他CSS之后,只要特异性相同即可。