Google URL Shortener 亮点

Question

谷歌网址缩短器如何突出显示缩短的网址？ 当您单击缩短按钮时，缩短的 url 会出现在右侧并自动突出显示。这是通过js不？ 谢谢！

Answer 1

是的，它似乎是由 Javascript 的某些部分完成的。

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

• how to auto select an input field and the text in it on page load
• Programmatically selecting partial text in an input field
• Selecting Part of String inside an Input Box with jQuery

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

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

好吧，你必须使用一点 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;
}

（是的，颜色不是那么好——但它有助于确保没有可见的边框/背景）