如何给占位符添加颜色？

嗨下面的文本是从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'); 
    });

如何给不同的颜色为文本区域和placehoder

来源

2012-11-20 Prashobh

您可以使用HTML5吗？如果是，那么我们可以用户的HTML属性'占位符' –

是的，我可以使用但如何显示+名字+ – Prashobh

占位符文本，可使用placeholder属性，像这样设置：

var name = "some name"; 

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

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

来源

2012-11-20 05:57:17 Beno

如何调用名称呢？我打电话给第一个名字，并以占位符 – Prashobh

的形式显示，就像你之前做的一样。我已经更新了名称变量 – Beno

工作正常，但\ n不工作，如何在placholder中放弃 – Prashobh

使用CSS

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

来源

2012-11-20 05:57:15 Sibu

但我需要它在js中，“+ firstname +”我打电话给登录名并显示为占位符 – Prashobh

@prash你的标签有CSS，所以我想给它作为答案，如果没有必要，请删除CSS标签。 – Sibu

基本上你正在为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');

来源

2012-11-20 06:01:23

但如何显示名称... + firstname + “ – Prashobh

如何给占位符添加颜色？

回答

相关问题