输入的一部分是灰色的吗?

你知道谷歌如何即时,当他们提供建议时,他们建议的搜索字段会变成灰色,但你输入的位总是黑色的。 我想用类似的系统达到同样的效果。 我怎么会这样呢?

谢谢,Fela

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

你不这样做,如果仔细观察Google Instant,你会发现他们的元素位于输入框的确切位置。 所以简单一点:只需在输入字段所在的位置放置一个div。 然后是这样的:

hello world

您可以从灰色background-image并调整其background-position属性