Google URL Shortener Highlight

Question

Google网址缩短器如何对缩短的网址进行突出显示？ 单击缩短按钮时，缩短的URL出现在右侧，并自动突出显示。 这是通过js吗？ 谢谢！

Answer 1

是的，这似乎是通过Javascript的某些部分完成的。

以下是一些您可能会感兴趣的链接：

• 如何自动选择输入字段以及页面加载时的文本
• 以编程方式在输入字段中选择部分文本
• 使用jQuery在输入框中选择字符串的一部分

在评论后编辑：哦，问题现在是：

如何突出显示某些标签或如何使文本区域和输入字段看起来像标签。

好吧，您将不得不使用一些CSS来：

• 删除<input>周围的边框，
• 也许，删除其背景
• 确保使用与页面其余部分相同的字体。

我猜想，有些HTML代码看起来像这样：

hello, <input type="text" value="world" id="test" /> !

像这样的一部分CSS可能会有所帮助：

* {
    font-family: arial, sans-serif;
    font-size: 1em;
    background-color: #FAA;
}

#test {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    width: 50px;
}

（是的，颜色不是很好-但这有助于确保没有边框/背景可见）