Jquery 将部分输入[文本]置为灰色?

Jquery 将部分输入[文本]置为灰色?,jquery,css,text,input,instant,Jquery,Css,Text,Input,Instant,你知道google instant,当他们提供建议时,他们建议的搜索字段变为灰色,但你输入的总是黑色。我想用类似的系统达到同样的效果。我该怎么办 谢谢,费拉你不需要, 如果你仔细观察Google Instant,你会发现他们有一个元素正好位于inputbox所在的位置。 简单来说:只需将一个div放置在输入字段所在的位置。然后我就这样说: <div> <span class="originaltext">hello</span> </span class

你知道google instant,当他们提供建议时,他们建议的搜索字段变为灰色,但你输入的总是黑色。我想用类似的系统达到同样的效果。我该怎么办

谢谢,费拉你不需要, 如果你仔细观察Google Instant,你会发现他们有一个元素正好位于inputbox所在的位置。 简单来说:只需将一个div放置在输入字段所在的位置。然后我就这样说:

<div>
<span class="originaltext">hello</span>
</span class="suggested">world</span>
</div>

你好
世界

您需要将两个文本框放置在彼此的顶部。使顶部的文本框具有透明背景(这些将是可选的文本框)。然后将后面文本框的颜色设置为灰色(这将是显示建议的文本框)。

您可以从灰色背景图像开始,并调整其
背景位置
属性

请参见和相关的,这看起来正是你需要的。你是指谷歌搜索建议的下拉列表还是我们正在输入的文本框。你能提供一些快照吗?埃克塞利安,很抱歉,编码怪胎,我指的是文本框,但我想问题现在解决了:)谢谢,如果灰色背景输入不起作用,我会试试。干杯它使用与Curt建议的完全相同的方法,因此它肯定会起作用:)