对于Bootstrap和Less用户，有一个mixin.placeholder：

// Placeholder text
// -------------------------
.placeholder(@color: @placeholderText) {
  &:-moz-placeholder {
    color: @color;
  }
  &:-ms-input-placeholder {
    color: @color;
  }
  &::-webkit-input-placeholder {
    color: @color;
  }
}

最简单的方法是：

#yourInput::placeholder {
    color: red;/*As an example*/
}
/* if that would not work, you can always try styling the attribute itself: */
#myInput[placeholder] {
    color: red;
}

这个怎么样

<input type=“text”value=“placeholder text”onfocus=“this.style.color='#000'；this.value=“”；“style=”颜色：#f00；" />

没有CSS或占位符，但您可以获得相同的功能。

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

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

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

试试这个吧

input::placeholder 
  color:#900009;
}

这里还有一个例子：

.form控件：：-webkit输入占位符{颜色：红色；宽度：250px；}h1小时{颜色：红色；}<div class=“col-sm-4”><input class=“form control”placeholder=“在此处输入文本..”ng model=“需要电子邮件”/></div>