直截了当的问题,我有Zerif Pro for WP,它有一个漂亮的部分可以自定义文本颜色。但是,这似乎覆盖了某些区域,而我希望使用其他颜色。

我遇到的与此页面http://www.chaotopia.com/product/aromatics-zodiac-incenses/有关的问题(包括该页面而不是CSS,因为不确定哪个部分受影响)

如您所见,下拉列表显示为空白,因为文本是白色的。我在产品数量上也遇到了类似的问题,但是设法找到了解决方法,并通过在主样式表中添加黑色作为自定义颜色来解决了这个问题。

不幸的是,我找不到在哪里为变体下拉菜单添加自定义颜色并使文本变黑以便可见。我打算在多个产品上使用变体,因此理想的情况是希望所有列表在全局上都具有黑色文本。

先感谢您!

最佳答案

在HTML源代码的第338行中,您有一个<style>块,其中包含规则..., select, ... { color: #ffffff; }

这就是使<select>元素内的文本变白的原因,但这也是为许多其他元素设置文本颜色的规则。因此仅将其更改为color: #000000;是不够的-这也会影响许多其他元素。

相反,您只需要对<select>元素覆盖此规则。一种实现方法是在第338行之后加载的CSS样式表中添加select{ color: #000000; },从而覆盖第一条规则。另一种方法是在任何CSS样式表中添加select { color: #000000 !important; }。我建议使用前者,因为!important规则可能导致进一步的混乱。

10-07 19:40
查看更多