Css 如何更改占位符文本的颜色

我正在使用一个名为Style的chrome插件来更改这个网站的css。我已经成功地改变了大部分，但有一部分我无法改变

占位符颜色更改： 其中最糟糕的是搜索栏中占位符文本的颜色（“search Quizlet”）。我编写了一些css（如下所示），试图对其进行更改。虽然它更改了另一个输入字段中的占位符文本（除非您登录，否则您将无法看到它），但它没有更改正确输入字段的颜色

  ::-webkit-input-placeholder,
input::-webkit-input-placeholder,
form input::-webkit-input-placeholder,
input:placeholder-shown,
::placeholder,
#header .search .submit{
    color: #999;
}

---

以上是我在查找更改占位符文本颜色的标记时所做的所有尝试。

您已接近完成，但还不完全完成。您需要所有浏览器的供应商前缀

input::-webkit-input-placeholder,
input::-moz-placeholder, 
input:-ms-input-placeholder  
{  
    color:#999 !important;  
}

---

您就快到了，但还不完全到。您需要所有浏览器的供应商前缀

input::-webkit-input-placeholder,
input::-moz-placeholder, 
input:-ms-input-placeholder  
{  
    color:#999 !important;  
}

---

您要使用/更改的内容如下：

input, .actual-edit-overlay {
    -webkit-text-fill-color: #fff !important;
}

---

您要使用/更改的内容如下：

input, .actual-edit-overlay {
    -webkit-text-fill-color: #fff !important;
}

---

下面是一个来自CSS技巧的解决方案

::-webkit-input-placeholder {
  color: red;
}

:-moz-placeholder { /* Firefox 18- */
  color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
  color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}

这里有两个有用的链接，可以进一步了解占位符和占位符文本样式

---

以下是CSS技巧的解决方案

::-webkit-input-placeholder {
  color: red;
}

:-moz-placeholder { /* Firefox 18- */
  color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
  color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}

这里有两个有用的链接，可以进一步了解占位符和占位符文本样式

---

看看这个，看看这个，这就是我尝试过的，但我没用。另一个用户解决了，但还是谢谢。这就是我尝试过的，但我没用。另一个用户解决了，但还是谢谢。没有明显的改变。另一个用户解决了，但还是谢谢。没有明显的改变。另一个用户解决了，但无论如何，谢谢你。