此代码将使用：：占位符选择器更改占位符的颜色。

::-webkit-input-placeholder { 
    /* Edge */
    color: red;
}

:-ms-input-placeholder { 
    /* Internet Explorer */
    color: red;
}

::placeholder {
    color: red;
}

我已经在我的移动平台上尝试了各种组合来改变颜色，最终是：

-webkit-text-fill-color: red;

这一招奏效了。

我认为这段代码会起作用，因为占位符仅用于输入类型文本。因此，这一行CSS将足以满足您的需要：

input[type="text"]::-webkit-input-placeholder {
    color: red;
}

CSS提供：：占位符伪元素。

请注意，Bootstrap中的.placeholder mixin已被弃用。

例子：

input::placeholder { color: black; }

当使用autorefixer时，以上代码将被转换为适用于所有浏览器的正确代码。

以下是CSS选择器的解决方案

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #909;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #909;
   opacity:  1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #909;
   opacity:  1;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color:    #909;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #909;
}

WebKit、Blink（Safari、Google Chrome、Opera 15+）和Microsoft Edge使用了伪元素：：：-webkit输入占位符。Mozilla Firefox 4到18使用了一个伪类：：-moz占位符（一个冒号）。Mozilla Firefox 19+使用了一个伪元素：：：-moz占位符，但旧选择器仍将工作一段时间。Internet Explorer 10和11正在使用伪类：：-ms输入占位符。InternetExplorer9及更低版本根本不支持占位符属性，而Opera12及更低版本不支持任何占位符CSS选择器。

HTML的一部分：

 <form action="www.anything.com">
 <input type="text" name="name"
  placeholder="Enter sentence"/>
  </form>

我将展示如何通过CSS更改“Enter sentence”表达式的颜色：

  ::placeholder{
  color:blue;
   }