输入[text]的一部分是灰色的吗?

时间:2011-03-21 11:24:46

标签: jquery css text input instant

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

谢谢,Fela

3 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:0)

你没有, 如果仔细观察Google即搜即得,您会发现他们的元素位于输入框的确切位置。 所以要简化:只需在输入字段所在的位置放置一个div。然后是这样的:

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

答案 2 :(得分:0)

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