css 文本高亮

自从我遇到与 CSS 相关的问题以来已经有一段时间了，但现在我来了。长话短说，我想用渐变背景突出显示文本，我使用 <span> 设法实现了这一点。标记并在其上设置背景图像。问题是当文本转到新行时，它开始变得有点不稳定并中断。

我已经设法修复了它，但 HTML 太糟糕了，而且我通常不喜欢为了样式目的而妥协 HTML 代码。

最好的描述方式就是向您展示。

置顶<li>是带有破损样式和底部的好 HTML <li>是它应该看起来的样子，但带有糟糕的 HTML 标记。

任何解决方案显然都值得赞赏。不介意使用 Javascript 或 jQuery，但如果可以的话，我更愿意使用 CSS。

宠物 :)

最佳答案

我可以为您提供仅适用于 firefox 和 safari

的 css hack

::selection {
    background: #ffb7b7; /* Safari */
}

::-moz-selection {
    background: #ffb7b7; /* Firefox */
}

引用:

希望这有帮助:)

关于css 文本高亮，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6096257/