CSS 颜色 "washed or greyed out" 在 WooCommerce 页面上

Question

有人能帮我解决这个 CSS 问题吗？搜索栏占位符文本是白色的，但在 WooCommerce 页面上占位符文本是灰色的。当我尝试将它更改为任何其他颜色时，它可以工作，但颜色似乎被洗掉了，就像上面放了一个滤镜一样。任何帮助深表感谢。谢谢。

占位符文本变灰（Woocommerce 页面）

1

白色占位符文本（其他页面）

2

这是CSS：

.search-field::placeholder {

颜色：白色！重要；

字体大小：20px }

Answer 1

尝试调整特定于您要修改的 woocommerce 元素的占位符颜色，例如

.woocommerce .search-field::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

.woocommerce .search-field:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.woocommerce .search-field::placeholder {
  color: #fff;
}

CSS 颜色 "washed or greyed out" 在 WooCommerce 页面上

CSS color "washed or greyed out" on WooCommerce page

css

wordpress

woocommerce