动态突出显示（更改背景）/网页内容

Question

是否有任何方法可以动态更改网页中的background-color文本，同时选择特定文字。

前：

html页面中显示示例文本。我想从鼠标指针中选择高亮显示该页面中的特定文本。

我的基础工作：

添加类＆＃34; CSS样式＆＃34;用于特定的选定文本。但是如何动态地从网页中选择文本。

Answer 1

您可以使用CSS选择器::selection动态设置所选文本的样式。

＆＃13;

＆＃13;

#content::selection {
  background-color: plum;
  color: white;
}
#content::-moz-selection {
  background-color: plum;
  color: white;
}

＆＃13;

<div id="content">Sample text display in the html page. I want to high light the particular text in that page, while selecting from mouse pointer.</div>

＆＃13;

＆＃13;

＆＃13;