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

Question

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

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

http://66.251.226.207/library

Answer 1

我无法说出一个单词，但是如果要设置整个占位符的样式，请阅读此内容。

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

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

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

Answer 2

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

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