В настоящее время я работаю над своим собственным автозаполнением/предложением script, и я хочу добиться такого же эффекта, который Google на своем основном сайте.
Когда пользователь начинает вводить текст (например, stack
), в раскрывающемся списке ниже отображается 4 предложения, но... кроме того, тот, который находится наверху, показывает "в" поле ввода в сером цвет:
Как можно поместить другую строку в ввод с другим стилем?
Является ли этот вход <span>
более большим значением z-index
? Когда я нажимаю на серой части строки, поле ввода не получает фокуса, поэтому я считаю, что над чем-то должно быть над ним.
Если на самом деле это <span>
(или другой <div>
), сидящий над входом, то как они узнают, где заканчивается первая часть строки (stack
) и где для позиции (ширины) t26 > слово (в данном случае).
Кто-нибудь знает, как добиться этого эффекта?