WooCommerce 页面上的 CSS 颜色“褪色或变灰”[关闭]

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;
}