Q

你如何創建像文本樣式stackoverflow標籤

2011-10-31 49 views 4 likes

4

我想知道如何創建輸入字段，如stackoverflow的標籤系統內的CSS樣式？你如何創建像文本樣式stackoverflow標籤

當你點擊一個標籤時，文本將被設計。而且，當你點擊風格標籤時，它會再次正常。我想我主要關心的是如何在輸入字段中設置文本樣式？

謝謝！

2011-10-31 hellomello

+6

您並不是想開箱即用。看起來像是一個文本框，真的不是一個。沒有辦法在文本框內設置任何樣式，但可以使div看起來像一個樣子。一些思考的食物。 – zatatatata

+0

我可以問你如何刪除圖標？ –

A

回答

2

這可以幫助你：http://basdebie.com/jquery-plugins/jquery-tags-autosuggest-like-delicious-stackoverflow-facebook/

通過查看這些代碼，你應該能夠建立類似的東西，或者只是使用的插件。

2011-10-31 22:30:54 Steven

+5

鏈接不起作用了。應該添加小提琴。 –

4

只有您輸入的位是輸入，其他標籤只是樣式a元素。當你點擊返回時，輸入向右移動並變短，並且該值被複制並創建一個新的元素。

輸入中的文本沒有樣式。

2011-10-31 22:30:20

7

標籤不是輸入字段，它們是鏈接！在SO上，標籤使用以下樣式：

.post-tag { 
    color: #3E6D8E; 
    background-color: #E0EAF1; 
    border-bottom: 1px solid #3E6D8E; 
    border-right: 1px solid #7F9FB6; 
    padding: 3px 4px 3px 4px; 
    margin: 2px 2px 2px 0; 
    text-decoration: none; 
    font-size: 90%; 
    line-height: 2.4; 
    white-space: nowrap; 
} 

a.post-tag:hover { 
    background-color: #3E6D8E; 
    color: #E0EAF1; 
    border-bottom: 1px solid #37607D; 
    border-right: 1px solid #37607D; 
    text-decoration: none; 
}

2011-10-31 22:31:45

+0

以及如何創建一個系統，當用戶按，那麼你的風格適用？（使用js或jquery）（完全像stackoverflow） – Shafizadeh

相關問題