你知道谷歌即时,当他们提供建议时,他们建议的搜索字段会变成灰色,但你输入的位总是黑色的。好吧,我希望用类似的系统达到同样的效果。我该怎么做呢?
谢谢,Fela
答案 0 :(得分:3)
您需要将两个文本框放在彼此的顶部。使文本框顶部具有透明背景(这些将是可选文本框)。然后将后面的文本框颜色设置为灰色(这将是显示建议的文本框)。
答案 1 :(得分:0)
你没有, 如果仔细观察Google即搜即得,您会发现他们的元素位于输入框的确切位置。 所以要简化:只需在输入字段所在的位置放置一个div。然后是这样的:
<div>
<span class="originaltext">hello</span>
</span class="suggested">world</span>
</div>
答案 2 :(得分:0)
您可以从灰色background-image
开始并调整其background-position
属性