谷歌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; 
} 

（是的，顏色不是很好 - 但它有助於確保沒有邊框/背景可見）