Typeahead 的灰色输入提示是如何实现的？
How is Typeahead's grey input hint achieved?
我想实现这个灰色提示效果。
但是，当我尝试检查元素时，typeahead 失去焦点并且提示消失，因此很难看清这里发生了什么。
基本上，他们有这样的东西
<input class="tt-hint">
<input class="tt-input">
<pre>col</pre>
而且我似乎无法通过在 DOM 树中搜索 "orado" 找到任何东西。我也没有在这三个元素的样式中找到它。
谁能说明这个效果是如何实现的，也许通过在 jsFiddle 上写一个例子？谢谢！
input.tt-hint 的值设置为提前输入建议。它没有被插入 DOM，而是设置它的 .val()。
诀窍在于 input.tt-hint 是透明的、只读的，并且位于实际输入的正上方。那是灰色位，typeahead.css:136 将灰色定义为 .twitter-typeahead .tt-hint {color: #999999;}。
同时，有一个 <pre> 设置为用户输入的值，放在 input.tt-hint 的正上方，以显示原始颜色。那个实际上放在 DOM 中，如果你检查元素，你会发现，在上面的例子中，"col".
我最好的建议是，在未来，您应该检查元素，使它能够在同一屏幕上看到代码中的元素和呈现的输入。然后你可以开始打字，看看有什么变化。
我想实现这个灰色提示效果。
但是，当我尝试检查元素时，typeahead 失去焦点并且提示消失，因此很难看清这里发生了什么。
基本上，他们有这样的东西
<input class="tt-hint">
<input class="tt-input">
<pre>col</pre>
而且我似乎无法通过在 DOM 树中搜索 "orado" 找到任何东西。我也没有在这三个元素的样式中找到它。
谁能说明这个效果是如何实现的，也许通过在 jsFiddle 上写一个例子？谢谢！
input.tt-hint 的值设置为提前输入建议。它没有被插入 DOM，而是设置它的 .val()。
诀窍在于 input.tt-hint 是透明的、只读的，并且位于实际输入的正上方。那是灰色位，typeahead.css:136 将灰色定义为 .twitter-typeahead .tt-hint {color: #999999;}。
同时，有一个 <pre> 设置为用户输入的值，放在 input.tt-hint 的正上方，以显示原始颜色。那个实际上放在 DOM 中，如果你检查元素，你会发现，在上面的例子中，"col".
我最好的建议是，在未来，您应该检查元素，使它能够在同一屏幕上看到代码中的元素和呈现的输入。然后你可以开始打字，看看有什么变化。