CSS 在 WooCommerce 变体下拉菜单中更改文本颜色 WP 主题是最重要的
CSS Change text colour on WooCommerce variation drop down WP theme is overriding
直截了当的问题，我有 WP 的 Zerif Pro，它有一个可爱的部分可以自定义文本颜色。然而，这似乎覆盖了某些我希望是不同颜色的区域。
我遇到的问题是此页面 http://www.chaotopia.com/product/aromatics-zodiac-incenses/（包括页面而不是 css，因为不确定哪个部分受到影响）
如您所见，下拉列表显示为空白，因为文本是白色的。我在产品数量上遇到了类似的问题，但设法找到并通过在主要样式 sheet 中添加黑色作为自定义颜色来解决它。
不幸的是，我找不到在哪里为变体下拉菜单添加自定义颜色并将文本设置为黑色以便可以看到。我打算在多个产品上使用变体，所以理想情况下希望任何列表在全球范围内都有黑色文本。
提前致谢！
在 HTML 来源的第 338 行，您有一个包含规则 ..., select, ... { color: #ffffff; }
的 <style> 块
这就是使 <select> 元素内的文本变白的原因，但它也是为许多其他元素设置文本颜色的规则。因此，仅将其更改为 color: #000000; 是不够的 - 这也会影响许多其他元素。
相反，您只需为 <select> 个元素覆盖此规则。一种方法是在第 338 行 之后 加载的 CSS 样式表中添加 select{ color: #000000; }，从而覆盖第一条规则。另一种方法是在任何 CSS 样式表中添加 select { color: #000000 !important; }。我会推荐前者，因为 !important 规则可能会导致进一步的混乱。
直截了当的问题，我有 WP 的 Zerif Pro，它有一个可爱的部分可以自定义文本颜色。然而，这似乎覆盖了某些我希望是不同颜色的区域。
我遇到的问题是此页面 http://www.chaotopia.com/product/aromatics-zodiac-incenses/（包括页面而不是 css，因为不确定哪个部分受到影响）
如您所见，下拉列表显示为空白，因为文本是白色的。我在产品数量上遇到了类似的问题，但设法找到并通过在主要样式 sheet 中添加黑色作为自定义颜色来解决它。
不幸的是，我找不到在哪里为变体下拉菜单添加自定义颜色并将文本设置为黑色以便可以看到。我打算在多个产品上使用变体，所以理想情况下希望任何列表在全球范围内都有黑色文本。
提前致谢！
在 HTML 来源的第 338 行，您有一个包含规则 ..., select, ... { color: #ffffff; }
<style> 块
这就是使 <select> 元素内的文本变白的原因，但它也是为许多其他元素设置文本颜色的规则。因此，仅将其更改为 color: #000000; 是不够的 - 这也会影响许多其他元素。
相反，您只需为 <select> 个元素覆盖此规则。一种方法是在第 338 行 之后 加载的 CSS 样式表中添加 select{ color: #000000; }，从而覆盖第一条规则。另一种方法是在任何 CSS 样式表中添加 select { color: #000000 !important; }。我会推荐前者，因为 !important 规则可能会导致进一步的混乱。