CSS颜色用于占位符HTML

Question

我正在尝试更改占位符中的文本颜色。这只在Firefox浏览器中有效。

以下为我的HTML代码：

<form name="sentMessage" class="form-horizontal" role="form"  novalidate>
<div class="control-group">
<div class="controls">
<input type="text" class="form-control" placeholder="Full Name" id="name" name="name" required data-validation-required-message="Please enter your name" style="resize:none; color: #BC987E; background-color: #808080; border-color:#808080"/>
<p class="help-block"></p>
</div>
</div>     
<div class="control-group">
<div class="controls">
<input type="email" class="form-control" placeholder="Email" id="email" name="email" required data-validation-required-message="Please enter your email" style="resize:none; color: #BC987E; background-color: #808080; border-color:#808080"/>
<p class="help-block"></p>
</div>
</div>  
<div class="control-group">
<div class="controls">
<textarea rows="10" cols="100" class="form-control" placeholder="How can I help you?" id="message" required data-validation-required-message="Please enter your message" minlength="5" data-validation-minlength-message="Min 5 characters" maxlength="999" style="resize:none; color: white; background-color: #808080; border-color:#808080"></textarea>
<p class="help-block"></p>
</div>
</div>        
<div id="success"> </div> <!-- For success/fail messages -->
<button type="submit" class="btn btn-primary pull-right">Send</button><br/>
</form>

在那里我的CSS

#name:-moz-placeholder,
#email:-moz-placeholder 
{
color:    white;
}

#name::-moz-placeholder,
#email::-moz-placeholder 
{
color:    white;
}

#name:-ms-input-placeholder,
#email:-ms-input-placeholder  
{
color:    white;
}

在我的网页中，我使用了Bootstrap。这里有一个链接。 请问为什么我的代码只在Firefox上运行？ 提前感谢您的回复。

- David Moya

---

在提问之前，您应该先进行一些研究和开发。这个问题对于未来的用户并没有真正帮助。 - Kheema Pandey

你可能是对的。但我检查和测试过的所有帖子都没有使颜色在其他浏览器中改变。这可能是我的代码有问题。这是我第一次实现一个表单。我只是尽力而为。 - David Moya

Answer 1

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

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

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

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

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

- Vitorino fernandes