2013-10-19 254 views
0

我想要的样式应用到一个文本输入域的特定词或短语应用CSS到个人的话,我已经看到了类似的方式完成在的Facebook提到'。在文本输入字段

理想我想运行一些正则表达式找到一个文本框这是两个方括号之间,然后应用背景色这个词,只有这个字中的任何文字。

我已经通过在文本框的顶部覆盖一个DIV开始,但我有保持对齐的问题,任何帮助将不胜感激!

非常感谢, 马库斯

回答

-1

喜有是一个jQuery插件,做的伎俩。

http://bartaz.github.io/sandbox.js/jquery.highlight.html

+0

这是一个不错的插件,但后来它适用于HTML内容一般,而不是一个文本输入字段要求由OP。查看它的文档:它是如何工作的:突出显示插件搜索给定元素的文本...找到该词时,它仅包含一个元素。所以我们不能在文本输入框中输入span。 – msanjay

1

你不能在input控制不同于其他文字有文字的风格部分,仅仅是因为它是纯文本,可以插入任何标记。

您可以使用contenteditable属性,使用可编辑的div(或其他允许使用内容的元素)来尝试假造造型。这会产生一些问题(用户操作可能会在内容中引入标记)以及许多新的可能性。

+0

这有更多的细节: http://stackoverflow.com/questions/17341670/change-color-of-one-character-in-a-text-box-html-css – msanjay