Question

所以我有一个我正在使用的单词列表，一个列表是一个好列表，一个是坏列表，一个是中性列表。我一直用mark.js突出显示好的列表，并使用.css方法将其设置为绿色。如果我突出显示坏列表和中性列表，它也会变为绿色。有没有办法让我可以为坏的红色，好的绿色和中性灰色上色？

   var instance = new Mark(document.querySelector("#postingbody"));
instance.mark(positive, {
           accuracy: "exactly",
           separateWordSearch: false
});
 var instance = new Mark(document.querySelector("#postingbody"));
instance.mark(bad, {
           accuracy: "exactly",
           separateWordSearch: false
});
  var instance = new Mark(document.querySelector("#postingbody"));
instance.mark(neutral, {
           accuracy: "exactly",
           separateWordSearch: false
});

代码会为它突出显示的所有单词添加一个，所以现在我用来突出显示它的代码是：

$('mark').css({'background':'transparent' , 'color':'red'});

我要强调的文字只是：

<div id = "postingbody">
hey I'm some text I wanna highlight
</div>

Answer 1

在mark（）方法参数中，您可以指定一个CSS类名，如下面的代码所示：

instance.mark(positive, {
    accuracy: "exactly",
    separateWordSearch: false,
    className: "green"
});

您可以像这样创建CSS类：

.green {
  color: rgb(0, 255, 0);
  background: transparent;
}

在mark.js中设置单独的单词数组样式？

1 个答案: