您可以将其用于输入和焦点样式：

input::-webkit-input-placeholder  { color:#666;}
input:-moz-placeholder  { color:#666;}
input::-moz-placeholder { color:#666;}
input:-ms-input-placeholder  { color:#666;}
/* focus */
input:focus::-webkit-input-placeholder { color:#eee; }
input:focus:-moz-placeholder { color:#eee } /* FF 4-18 */
input:focus::-moz-placeholder { color:#eee } /* FF 19+ */
input:focus:-ms-input-placeholder { color:#eee } /* IE 10+ */

您可以将其用于输入和焦点样式：

input::-webkit-input-placeholder  { color:#666;}
input:-moz-placeholder  { color:#666;}
input::-moz-placeholder { color:#666;}
input:-ms-input-placeholder  { color:#666;}
/* focus */
input:focus::-webkit-input-placeholder { color:#eee; }
input:focus:-moz-placeholder { color:#eee } /* FF 4-18 */
input:focus::-moz-placeholder { color:#eee } /* FF 19+ */
input:focus:-ms-input-placeholder { color:#eee } /* IE 10+ */

针对不同的输入元素尝试此代码

your css selector::-webkit-input-placeholder { /*for webkit */
    color:#909090;
    opacity:1;
}
 your css selector:-moz-placeholder { /*for mozilla */
    color:#909090;
    opacity:1;
}
 your css selector:-ms-input-placeholder { /*for for internet exprolar */ 
   color:#909090;
   opacity:1;
}

示例1：

input[type="text"]::-webkit-input-placeholder { /*for webkit */
    color: red;
    opacity:1;
}
 input[type="text"]:-moz-placeholder { /*for mozilla */
    color: red;
    opacity:1;
}
 input[type="text"]:-ms-input-placeholder { /*for for internet exprolar */ 
   color: red;
   opacity:1;
}

示例2：

input[type="email"]::-webkit-input-placeholder { /*for webkit */
    color: gray;
    opacity:1;
}
 input[type="email"]:-moz-placeholder { /*for mozilla */
    color: gray;
    opacity:1;
}
 input[type="email"]:-ms-input-placeholder { /*for for internet exprolar */ 
   color: gray;
   }

您还可以设置文本区域的样式：

input:：-webkit输入占位符，textarea:：-webkit输入占位符{颜色：#FF9900；}输入：-moz占位符，文本区域：-moz占位符{颜色：#FF9900；}<textarea rows=“4”cols=“50”placeholder=“堆栈代码段很好！”></text区域>

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

input[type="text"]::-webkit-input-placeholder {
    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