这会很好的。此处演示：

input:：-webkit输入占位符，textarea:：-webkit输入占位符{颜色：#666；}输入：-moz占位符，文本区域：-moz占位符{颜色：#666；}input:：-moz占位符，文本区域：：-moz占位符{颜色：#666；}input：-ms输入占位符，文本区域：-ms输入占位符{颜色：#666；}<input type=“text”placeholder=“Value”/>

以下是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选择器。

试试这个吧

input::placeholder 
  color:#900009;
}

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

-webkit-text-fill-color: red;

这一招奏效了。

添加一个非常简单的可能性：CSS过滤器！

它将设置所有内容的样式，包括占位符。

下面将在同一调色板上设置两个输入元素，使用色调过滤器进行颜色更改。它现在在浏览器中呈现得很好（除了…）

输入{滤镜：棕褐色（100%）饱和（400%）灰度（0）对比度（200%）色调旋转（68deg）反转（18%）；}<input placeholder=“Hello world！”/><input-type=“date”/><br><输入类型=“范围”/><input-type=“color”/>

要允许用户使用输入类型颜色进行动态更改，或查找细微差别，请查看以下片段：

发件人：Codepen

函数stylElem（）{stylo.dataset.hue=（（parseInt（stylo.value.substring（1），16））/46666）.toFixed（0）Array.from（document.querySelectorAll（'输入，音频，视频'））.forEach（函数（e）{e.style.cssText+=“；滤镜：棕褐色（100%）饱和（400%）灰度（0）对比度（200%）色调旋转（”+styl.dataset.hue+“deg）反转（”+（styl.ddataset.hue/3.6）+“%）”out.innerText=e.style.css文本})()}stylElem（）正文｛背景：黑色；颜色：白色｝选择颜色！<input type=“color”id=“stylo”oninput=“stylElem（）”><br><div id=“out”></div><p><input placeholder=“Hello world！”/><input-type=“date”/><br><输入类型=“范围”/><br><音频控件src=“#”></audio><br><br><视频控件src=“#”></video>

Css过滤器文档：https://developer.mozilla.org/en-US/docs/Web/CSS/filter

这会很好的。此处演示：

input:：-webkit输入占位符，textarea:：-webkit输入占位符{颜色：#666；}输入：-moz占位符，文本区域：-moz占位符{颜色：#666；}input:：-moz占位符，文本区域：：-moz占位符{颜色：#666；}input：-ms输入占位符，文本区域：-ms输入占位符{颜色：#666；}<input type=“text”placeholder=“Value”/>