近期,部分用户在使用 Chrome 131 等基于 Chromium 的最新版浏览器访问某些网站时,发现文字高亮功能出现异常。这似乎是由于 Tailwind CSS 与 Chrome 131 新的选择样式更改存在冲突导致的。受影响的网站上,用户可能无法通过视觉指示确认选中的内容,甚至无法复制粘贴文本。Tailwind CSS 已更新并提供了解决方案,但网站修复需要时间。Chrome 131 引入的新选择样式继承行为是问题根源,导致元素继承父元素的选择样式。
🤔 Chrome 131 及其他基于 Chromium 的最新版浏览器引入的新选择样式继承行为导致了文字高亮异常。在 Chrome 131 之前,选择样式继承自被选元素的::selection 伪元素,但现在元素继承其父元素的选择样式。
⚠️ 部分网站,例如 X 平台的帖子编辑器,出现了文字高亮功能异常,用户无法通过视觉指示确认选中的内容,甚至无法复制粘贴文本。
🛠️ Tailwind CSS 已经更新了其 CSS 工具并提供了相应的解决方案,但并非所有网站都已实施修复,网站修复可能需要一定时间。
🌐 目前尚不清楚受影响的网站范围有多广,但这一问题对用户体验造成了一定影响。
IT之家 11 月 20 日消息,近期部分用户在使用基于 Chromium 的最新版浏览器(如 Chrome 131)访问某些网站时,发现文字高亮功能出现了异常。原因似乎是 Tailwind CSS 与 Chrome 131 的新选择样式更改存在冲突。

在受影响的网站上(例如 X 平台的帖子编辑器),用户可能仍然可以选中、复制和粘贴文本,但无法通过视觉指示来确认选中的内容。甚至,有些用户可能完全无法复制粘贴文本,或者在尝试选中特定文本时遇到其他问题。
Tailwind CSS 已经更新了其 CSS 工具并提供了相应的解决方案,但并非所有网站都已实施修复。目前尚不清楚受影响的网站范围有多广。
这一问题源于 Chrome 131 及其他基于最新版 Chromium 的浏览器引入的新选择样式继承行为。在此前的 Chrome 版本中,选择样式继承自被选元素的::selection 伪元素。而 Chrome 131 开始,元素继承其父元素的选择样式行为。
IT之家注意到,Tailwind CSS 的创建者 Adam Wathan 已经在 X 平台上分享了解决方案,但网站修复可能需要一定时间。