jquery - 如何给占位符颜色？

Question

嗨，下面的文本是一个来自 js 的占位符，它的颜色是#ccc。我需要 textarea 颜色为黑色，现在它正在使用占位符颜色。

<textarea id="txt1" class="txt1 required" name="comment1"></textarea><br>


 var firstname = userModel.get('firstName');
  $('textarea#txt1').val('Hey ' +firstname+',\nTell us what is on your mind').css('color','#ccc');
    });

如何为 textarea 和 placehoder 赋予不同的颜色

Answer 1

可以使用如下placeholder属性设置占位符文本：

var name = "some name";

$('#txt1').attr('placeholder', 'Hey ' + name + ', Tell us what is on your mind'); 

http://jsfiddle.net/rxhHS/1/

Answer 2

使用 CSS

   .txt1{background-color:black;color:white;}
    #txt1::-webkit-input-placeholder {
      color: #ccc;
    }

演示

Answer 3

基本上，您正在为 textarea 定义颜色。所以它对所有文本都是相等的。

如果您使用的是 HTML 5，那么我们可以按如下方式编写 textarea。

<textarea id="txt1" 
    placeholder='Hey, Tell us what is on your mind' 
    class="txt1 required" name="comment1"></textarea>

但是如果你不使用 HTML5，那么我们可以使用一个非常好的 jQuery 插件（我个人使用它）

https://github.com/mathiasbynens/jquery-placeholder

编辑

想在中添加名称placeholder。

var firstname = userModel.get('firstName');
$('textarea#txt1').attr('placeholder','Hey '+firstname+', Tell us what is on your mind');