我将颜色设置为输入占位符，但不能使用jQuery为文本执行此操作

Question

我想在输入中为占位符设置颜色。我为输入编写此代码

 $('#txtEmailForgot').attr('placeholder', function () {
    $(this).css('color', '#6C6C6C');
 });`

它工作正常，当我在输入中键入文本时，它必须是黑色但它具有与占位符中的单词相同的颜色。 当我想在此输入中输入内容时，如何为文本设置特殊颜色。 非常感谢！

Answer 1

尝试使用纯css，

::-webkit-input-placeholder {
   color: red;
}

:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}

这将设置所有输入和textarea占位符的样式。

Fiddle Demo

http://css-tricks.com/snippets/css/style-placeholder-text/