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

Question

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

例如，在本网站上，我想将“搜索649广播故事”中的数字设为红色。

http://66.251.226.207/library

Answer 1

如何覆盖在当你点击它会消失，输入一个div（和然后指示聚焦到输入）？这样，您可以根据需要设置文本的部分样式。

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

Answer 2

我不能告诉一个字，但如果你的风格整体占位符，然后阅读。

由于占位符只能由WebKit的到目前为止的支持，您可以使用它下面css rule：

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

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