css 突出显示单词

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 突出显示单词相关的知识,希望对你有一定的参考价值。

var _findString = function (selector,string) {
	var word = $(selector+':contains("'+string+'")').text().split(" ");
	var index = word.indexOf(string);
	var me = word[index+1];
	var number = word[index+2];
	delete word[index+1];
	delete word[index+2];
	for(var i = 0; i<word.length; i++){
    if(word[i] === string){
      word[i] = "<span class='bounce highLight'>"+string+" "+me+' '+number+' '+'</span>';
    }
	}
	$(selector+':contains("'+string+'")').html(word.join(' '));
}
/* add specific highLight styles here */
.highLight {
  color: var (--highLight-text-color);
}

以上是关于css 突出显示单词的主要内容,如果未能解决你的问题,请参考以下文章

如何以html格式动态突出显示一些单词

css 箱子阴影突出了单词背后

在 CSS 中突出显示悬停时跳过所有其他单元格

Qt突出显示选定的行会覆盖单个单词的突出显示

Javascript:如何检测单词是不是突出显示

Solr 不突出显示某些单词