如何给占位符颜色？

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;
    }

DEMO

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');