如何为搜索结果/“页面内查找”子字符串设置样式 (#tilPost)
💡
原文英文，约500词，阅读约需2分钟。
📝
内容提要
Chrome 144引入了新的CSS伪类::search-text和::search-text:current，允许用户自定义搜索结果样式。这一功能将提升Chrome和Firefox的搜索体验，尽管Safari的搜索功能更强大。
🎯
关键要点
- Chrome 144引入了新的CSS伪类::search-text和::search-text:current。
- 这些伪类允许用户自定义搜索结果的样式。
- 此功能将提升Chrome和Firefox的搜索体验。
- Safari的搜索功能更强大，提供了覆盖层来高亮当前选中的子字符串。
- ::search-text可以根据网站样式来样式化找到的字符串。
- ::search-text:current用于帮助用户理解当前选中的搜索字符串。
- 高亮显示“页面内查找”条目虽然不是革命性的功能，但将显著改善搜索体验。
- 目前Mozilla尚未明确表示支持这一改进。
❓
延伸问答
Chrome 144引入了哪些新的CSS伪类？
Chrome 144引入了::search-text和::search-text:current这两个新的CSS伪类。
::search-text伪类的作用是什么？
::search-text伪类允许用户根据网站样式自定义找到的字符串的样式。
如何使用::search-text:current伪类？
::search-text:current伪类用于帮助用户理解当前选中的搜索字符串。
Safari的搜索功能与Chrome和Firefox有什么不同？
Safari的搜索功能更强大，提供了覆盖层来高亮当前选中的子字符串，而Chrome和Firefox则没有这样的功能。
高亮显示“页面内查找”条目的新功能有什么意义？
虽然高亮显示“页面内查找”条目不是革命性的功能，但它将显著改善用户的搜索体验。
Mozilla是否支持Chrome 144的新CSS伪类？
目前Mozilla尚未明确表示支持Chrome 144的新CSS伪类。
➡️
