如何使用CSS设置文本字段中的值的样式?

时间:2012-02-16 17:02:34

标签: javascript jquery html css

如何设置文本字段中的值的样式,例如:if if我是否在文本字段中具有值Science, Mathematics。代替用逗号分隔它们,我想用盒子或其他东西显示这些主题。就像在stackoverflow中为任务添加标签一样!

3 个答案:

答案 0 :(得分:2)

单独使用CSS无法做到这一点。您将不得不使用某种javascript / jquery插件来完成此任务。

这是我用过的。这很不错:

http://harvesthq.github.com/chosen/

答案 1 :(得分:1)

您在stackoverflow上看到的文本框不是文本框。

最有可能是带有边框的div,每个标记都有span个标记。然后在它旁边浮动textbox(没有边框)。

这使得标签的外观实际上位于文本框内,而不是。

当您单击 space 时,这会向标记添加新记录。

请参阅此jQuery插件以获取示例:

http://loopj.com/jquery-tokeninput/

答案 2 :(得分:0)

什么是 textfield ?是<textarea>吗?您不能在其中设置不同的文本元素,因为它不是容器。如果您需要在可编辑字段中进行文本格式化/着色,请查看JavaScript富文本编辑器。 FCKEditor就是一个例子。