输入字段中占位符文本的颜色

Question

我有一个输入字段，其中包含占位符文本。 我想要一个字是不同的颜色说红色，我怎么会这样做？ 使用跨度设置跨度和围绕单词的样式不起作用。

例如，在这个网站上，我希望短语“搜索649电台故事”中的数字为红色。

http://66.251.226.207/library

Answer 1

我不能说一个单词，但如果你要整个占位符，那么请阅读它。

由于占位符目前仅由WebKit支持，因此您可以使用以下css规则 ：

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

对于其他浏览器，随着对占位符属性的支持的发展，您将不得不使用不同的规则。 对于基于Gecko的浏览器，您可能需要观看Mozilla的错误457801以找出最终的解决方案。

Answer 2

如何将div叠加在单击它时消失的输入（然后将焦点指向输入）？ 这样，您可以根据需要设置文本部分的样式。

$('#myInputOverlayDiv').click(function() {
    $(this).hide();
    $('#myInputElement').focus();
})