近期,一些用户在升级到最新版本的基于Chromium内核的浏览器(例如Chrome 131)后,发现访问特定网站时,文字高亮功能出现了异常情况。据分析,此问题可能与Tailwind CSS框架与Chrome 131新引入的选择样式变更存在不兼容。
受影响的用户在访问如X平台帖子编辑器这类网站时,虽然仍可以进行文本的选中、复制和粘贴操作,但高亮显示功能失效,使得用户无法直观确认已选中的文本内容。更糟糕的是,部分用户甚至发现完全无法进行复制粘贴操作,或者在尝试选中特定文本时遭遇其他障碍。
Tailwind CSS的开发团队已经意识到这一问题的存在,并迅速更新了其CSS工具,提供了针对性的解决方案。然而,由于并非所有网站都及时实施了这一修复措施,因此受影响的网站范围仍然未知。
深入探究此问题的根源,Chrome 131及其基于最新Chromium内核的浏览器版本引入了新的选择样式继承机制。在此前的Chrome版本中,选择样式主要依赖于被选元素的::selection伪元素进行定义。而Chrome 131则更改了这一机制,使得元素的选择样式开始继承其父元素的相关设置。
值得注意的是,Tailwind CSS的创始人Adam Wathan已在X平台上分享了相应的解决方案,但网站管理员们需要一定时间来进行修复和更新。因此,对于用户而言,可能需要耐心等待一段时间,才能完全摆脱这一问题的困扰。