jquery - 将 input[text] 的一部分设为灰色？

Question

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

谢谢，费拉

score 3 · Accepted Answer

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

score 0 · Accepted Answer

您没有，如果您仔细查看 Google Instant，您会发现它们有一个元素正好位于输入框所在的位置。所以为了简单起见：只需在输入字段所在的位置放置一个 div。然后像这样：

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

score 0 · Accepted Answer

0

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

于 2011-03-21T11:29:54.080 回答

3 回答 3