我有一个带有一些文本行的文本区域。文本包含字母、数字和特殊字符。我想仅在该文本中的某些单词（只是为了突出显示它们）上应用 CSS 背景颜色。例如，仅将背景颜色应用于文本区域中的数字。请让我知道如何做到这一点。建议表示赞赏。
问问题
1918 次
3 回答
2
没有办法（据我所知）使用纯 HTML 和 CSS 来做到这一点。您将不得不使用一些 JavaScript。
选项 1 使用现有的 jQuery 插件。快速搜索让我找到了这个和更新的插件。
选项 2 自己动手。您可能需要考虑使用 search() 函数来查找单词的位置，然后在单词周围添加 span 包装器。
<style>.highlighted{background-color:yellow;}</style>
...
<span class="highlighted>HIGHLIGHT ME</span>
这样做的唯一真正优势是您可以使用正则表达式来为您突出显示的内容提供更大的灵活性。如果它不是你的一杯茶，它还允许你避免使用 jQuery。
于 2012-10-17T17:37:34.057 回答
0
我能想到的唯一方法是将所需的文本包装在一些 html 中以设置样式。为此，我建议为 textarea 文本提供单独的输出，请参见此处：http: //jsfiddle.net/mhPGc/8/
于 2012-10-16T08:57:27.407 回答
-2
您为此问题使用 span 标签，您首先为文本区域设置 id 然后使用此样式代码
#textarea span{
background:url(img.jpg) or #etc;
}
于 2012-10-16T07:50:54.763 回答