冰豆网

分享网络精彩
bingdou.com.cn

纯 CSS 实现关键词高亮效果

时间:2024-06-26加入收藏     TAG:css

  CSS 自定义高亮 API 提供了一种方法,可以通过使用 JavaScript 创建范围并使用 CSS 定义样式来设置文档中任意文本范围的样式。

  高亮关键词,常见做法是用 js 查找 DOM 中匹配的关键词,然后在文字外包一层 span,应用高亮样式,实现起来很简单。使用 CSS 高亮则不会影响页面中的 DOM 结构,看起来更优秀。

打 赏
打赏二维码

下载地址

相关下载


官方微信二维码冰豆网官方微信公众号