近期,一些用戶在升級到最新版本的基于Chromium內核的瀏覽器(例如Chrome 131)后,發現訪問特定網站時,文字高亮功能出現了異常情況。據分析,此問題可能與Tailwind CSS框架與Chrome 131新引入的選擇樣式變更存在不兼容。
受影響的用戶在訪問如X平臺帖子編輯器這類網站時,雖然仍可以進行文本的選中、復制和粘貼操作,但高亮顯示功能失效,使得用戶無法直觀確認已選中的文本內容。更糟糕的是,部分用戶甚至發現完全無法進行復制粘貼操作,或者在嘗試選中特定文本時遭遇其他障礙。
Tailwind CSS的開發團隊已經意識到這一問題的存在,并迅速更新了其CSS工具,提供了針對性的解決方案。然而,由于并非所有網站都及時實施了這一修復措施,因此受影響的網站范圍仍然未知。
深入探究此問題的根源,Chrome 131及其基于最新Chromium內核的瀏覽器版本引入了新的選擇樣式繼承機制。在此前的Chrome版本中,選擇樣式主要依賴于被選元素的::selection偽元素進行定義。而Chrome 131則更改了這一機制,使得元素的選擇樣式開始繼承其父元素的相關設置。
值得注意的是,Tailwind CSS的創始人Adam Wathan已在X平臺上分享了相應的解決方案,但網站管理員們需要一定時間來進行修復和更新。因此,對于用戶而言,可能需要耐心等待一段時間,才能完全擺脫這一問題的困擾。