將CSS應用於文本輸入字段中的單個單詞

Question

我正在嘗試將樣式應用於文本輸入字段中的特定單詞或短語，我在“ Facebook提及”中看到了類似的方式。

理想情況下，我想運行一些正則表達式來查找文本框內兩個方括號之間的任何文本，然后將背景色應用於此單詞，並且僅將此單詞應用。

我首先將DIV覆蓋在文本框頂部，但是在保持對齊方式時遇到問題，我們將不勝感激！

非常感謝，馬庫斯

Answer 1

您不能在input控件中為該文本的各個部分設置樣式，而不能僅在其中為純文本並且不能插入任何標記來為其設置樣式。

與其嘗試嘗試使用諸如疊加元素之類的虛假樣式的人為方式，不如使用contenteditable屬性使用可編輯div （或其他允許內容的元素）。 這將產生一些問題（用戶操作可能會將標記引入內容中）以及許多新的可能性。

Answer 2

嗨，有一個jquery插件可以解決問題。

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