Q

你如何创建像文本样式stackoverflow标签

2011-10-31 21 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

相关问题