Html 如何突出显示段落中的文本

Html 如何突出显示段落中的文本,html,css,Html,Css,如何在鼠标选择时突出显示段落中的文本。 我想我必须使用一些CSS3属性,但我不知道该使用什么 看到下图,这就是我想做的 在这里您可以看到,当有人选择该部分时,他们已经更改了背景颜色和文本颜色 您可以使用下面的css进行文本选择 ::-moz-selection { /* Code for Firefox */ color: red; background: yellow; } ::selection { color: red; background: yello

如何在鼠标选择时突出显示段落中的文本。 我想我必须使用一些CSS3属性,但我不知道该使用什么

看到下图,这就是我想做的

在这里您可以看到,当有人选择该部分时,他们已经更改了背景颜色和文本颜色


您可以使用下面的css进行文本选择

::-moz-selection { /* Code for Firefox */
    color: red;
    background: yellow;
}

::selection {
    color: red;
    background: yellow;
}

使用CSS的::选择

::selection {
    background-color: yellow
}

您可以
::selection
(和
::-moz selection
)根据需要定制颜色。这可以用于整个文档或特定元素


使用
::selection
选择器可以完成此项工作。取走

您今天可以使用的一个很酷的CSS3声明是 ::选择,它覆盖浏览器级别或系统级别的文本 用您选择的颜色突出显示颜色


您可以使用CSS来执行此操作,方法是使用
selection


您只需更改伪选择器
::selection

为了在Firefox上正常工作,您必须另外使用特定的

基本示例:

*::选择{
背景:红色;
颜色:蓝色;
}
*:-moz选择{
背景:红色;
颜色:蓝色;
}
Lorem ipsum Door sit amet,Concetetur adipiscing Elite.



p1:悬停{
背景颜色:黄色;
}
如何在鼠标选择时突出显示段落中的文本。我想我必须使用一些CSS3属性,但我不知道该使用什么。
看到下图,这就是我想做的


您可以使用CSS-
p::selection {
  background-color: #fff2a8
}

p::-moz-selection {
  background: #fff2a8;
}