谷歌URL缩短器亮点

Question

谷歌URL缩短器如何突出显示缩短的URL？ 单击缩短按钮时，缩短的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

编辑：哦，这个问题，现在是：

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

那么，你将不得不使用了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; 
} 

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