仅将CSS背景颜色应用于textarea中段落中的一组单词

Question

我有一些带有一些文字的文本区域。该文本包含字母，数字和特殊字符。我想在该文本中仅对某些单词（仅突出显示）应用CSS背景颜色。例如，仅将背景颜色应用于textarea中的数字。请让我知道如何做到这一点。建议表示赞赏。

Answer 1

使用纯HTML和CSS无法（我知道）这样做。你将不得不使用一些JavaScript。

选项1 使用现有的jQuery插件。快速搜索引导我this和更新的插件here。

选项2 滚动你自己。您可能需要考虑使用search（）函数来查找单词的位置，然后在单词周围添加span包装。

<style>.highlighted{background-color:yellow;}</style>
...
<span class="highlighted>HIGHLIGHT ME</span>

这样做的唯一真正好处是，您可以使用正则表达式，以便在突出显示内容时提供更大的灵活性。它还允许你避免jQuery，如果它不是你的一杯茶。

Answer 2

我能想到的唯一方法就是将所需的文本包装在一些html中来设置它。为此，我建议为textarea文本单独输出，请参见此处：http://jsfiddle.net/mhPGc/8/

Answer 3

您对此问题使用span标记，首先为文本区域设置id，然后使用此样式代码

#textarea span{
 background:url(img.jpg) or #etc;
}