入力[テキスト]グレーの一部を作成しますか？

Question

Googleのインスタント、提案を提供すると、提案された検索フィールドのビットが灰色になりますが、入力したビットは常に黒です。まあ、私は同様のシステムで同じ効果を達成したいです。どうやってこれを進めますか？

ありがとう、フェラ

Answer 1

互いの上に配置された2つのテキストボックスが必要です。上のテキストボックスを透明な背景にする（これらは選択可能なテキストボックスになります）。次に、テキストボックスの色を灰色に設定します（これは提案を表示するテキストボックスになります）。

Answer 2

Googleのインスタントによく見ると、入力ボックスがどこにあるかを正確に配置する要素があることがわかります。シンプルにするには、入力フィールドがある場所にdivを配置するだけです。それからそうするように：

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

Answer 3

灰色から始めることができます background-image 調整します background-position 財産