将CSS应用于“文本输入”字段中的单个单词

时间:2013-10-19 11:10:27

标签: javascript jquery css input overlay

我正在尝试将样式应用于文本输入字段中的特定单词或短语,我已经在“Facebook提及”中以类似的方式看到它。

理想情况下,我想运行一些正则表达式来查找文本框中位于两个方括号之间的任何文本,然后将背景颜色应用于此单词并仅应用此单词。

我已经开始将DIV覆盖在文本框的顶部,但是我在维护对齐方面遇到了问题,我们非常感谢任何帮助!

非常感谢, 马库斯

2 个答案:

答案 0 :(得分:1)

您不能将input控件中的部分文本设置为与其他文本不同,只是因为它是纯文本而不能插入标记。

使用div属性,只需使用可编辑的contenteditable(或允许内容的其他元素),而不是尝试伪装样式(如叠加元素)。这将产生一些问题(用户操作可能会在内容中引入标记)以及许多新的可能性。

答案 1 :(得分:-1)

嗨,有一个jquery插件可以解决问题。

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