/*不要将这些规则分组*/*：：-webkit输入占位符{颜色：红色；}*：-moz占位符{/*第4-18页*/颜色：红色；不透明度：1；}*：：-moz占位符{/*FF 19以上*/颜色：红色；不透明度：1；}*：-ms输入占位符{/*即10+*/颜色：红色；}*：：-ms输入占位符{/*Microsoft边缘*/颜色：红色；}*：：占位符{/*现代浏览器*/颜色：红色；}<input placeholder=“hello”/><br/><textarea placeholder=“hello”></textarea>

这将设置所有输入和文本区域占位符的样式。

重要提示：不要将这些规则分组。相反，为每个选择器制定一个单独的规则（组中的一个无效选择器将使整个组无效）。

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

-webkit-text-fill-color: red;

这一招奏效了。

<style>
    ::-webkit-input-placeholder { 
        color:red; 
     }
    ::-moz-placeholder { 
        color:red; 
    } /* firefox 22+ */
    :-ms-input-placeholder { 
        color:red; 
    } /* ie10,11 */
    input:-moz-placeholder { 
        color:red; 
    }
 </style>

输入：：占位符｛color:red；｝<input-type=“text”placeholder=“value”>

跨浏览器解决方案：

/* all elements */
::-webkit-input-placeholder { color:#f00; }
::-moz-placeholder { color:#f00; } /* firefox 19+ */
:-ms-input-placeholder { color:#f00; } /* ie */
input:-moz-placeholder { color:#f00; }

/* individual elements: webkit */
#field2::-webkit-input-placeholder { color:#00f; }
#field3::-webkit-input-placeholder { color:#090; background:lightgreen; text-transform:uppercase; }
#field4::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }

/* individual elements: mozilla */
#field2::-moz-placeholder { color:#00f; }
#field3::-moz-placeholder { color:#090; background:lightgreen; text-transform:uppercase; }
#field4::-moz-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }

资料来源：David Walsh

这对大多数现代浏览器都很好

input::placeholder{
  color: red; // css implementation
}

以防万一，如果您正在使用SCSS

input {
  &::placeholder {
    color: red; // scss
  }
}