javascript - 高亮文本 CSS

Question

我想知道是否可以在 JQuery 中定义各种高亮类。我想要做的是用橙色突出显示选择器 1 选择的一些标签，以及用红色选择器 2 选择的其他标签。

这是我的CSS代码：

tag.highlight { background: orange; } //class toggled for tags selected by selector1

tag.highlight_red { background: red; }//class toggled for tags selected by selector2

tag.highlight 有效，但 tag.highlight_red 无效。任何的想法？

谢谢

Answer 1

也许我错过了你想要完成的事情。你是想改变元素本身的背景颜色还是只是它的选择颜色？我想，定义选择。

如果只是文本选择颜色，请尝试此处的提示：http: //css-tricks.com/overriding-the-default-text-selection-color-with-css/

p.red::selection {
    background: #ffb7b7;
}
p.red::-moz-selection {
    background: #ffb7b7;
}
p.blue::selection {
    background: #a8d1ff;
}
p.blue::-moz-selection {
    background: #a8d1ff;
}
p.yellow::selection {
    background: #fff2a8;
}
p.yellow::-moz-selection {
    background: #fff2a8;
}

Answer 2

尝试：

tag.highlight { background-color: orange; } //class toggled for tags selected by selector1

tag.highlight_red { background-color: red !important; }//class toggled for tags selected by selector2