Javascript 在mark.js中设置单词单独数组的样式?
所以我有一个我正在使用的单词列表,一个是好的,一个是坏的,还有一个是中性的。我一直在使用mark.js突出显示好的列表,并使用.css方法将其设置为绿色。如果我突出显示坏列表和中性列表,它也会变成绿色。有没有办法可以把坏的涂成红色,好的涂成绿色,中性的涂成灰色Javascript 在mark.js中设置单词单独数组的样式?,javascript,jquery,css,Javascript,Jquery,Css,所以我有一个我正在使用的单词列表,一个是好的,一个是坏的,还有一个是中性的。我一直在使用mark.js突出显示好的列表,并使用.css方法将其设置为绿色。如果我突出显示坏列表和中性列表,它也会变成绿色。有没有办法可以把坏的涂成红色,好的涂成绿色,中性的涂成灰色 var instance = new Mark(document.querySelector("#postingbody")); instance.mark(positive, { accuracy: "exa
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>
嘿,我是一些我想强调的文字
在mark()方法参数中,您可以指定CSS类名,如下代码所示:
instance.mark(positive, {
accuracy: "exactly",
separateWordSearch: false,
className: "green"
});
您可以像这样创建CSS类:
.green {
color: rgb(0, 255, 0);
background: transparent;
}
在mark()方法参数中,您可以指定CSS类名,如下代码所示:
instance.mark(positive, {
accuracy: "exactly",
separateWordSearch: false,
className: "green"
});
您可以像这样创建CSS类:
.green {
color: rgb(0, 255, 0);
background: transparent;
}
你能用html和css显示一些代码吗?MaciejWójcik Yep,刚刚添加了代码!谢谢你的帮助!你能用html和css显示一些代码吗?MaciejWójcik Yep,刚刚添加了代码!谢谢你的帮助!