为什么使用 Google Chrome 浏览器在 GitHub 或其他网站中看不到文本选择？

Question

Firefox 和 Edge 没有这个问题。

使用 Google Chrome 浏览器时，我尝试选择代码或文本。文本已选定，但不可见。通常的背景突出显示是不可见的。大多数其他网站看起来都不错。GitHub 网站的行为是这样的。

看起来好像是 GitHub 网站的一个错误，可能是因为 CSS 样式（阻止更改文本背景突出显示）来自 GitHub 服务器。

请观看视频： https://www.youtube.com/watch?v =HA1gmRHvbWs

我还注意到 Veutify Playground 的代码编辑器中发生了这种情况： https: //play.vuetifyjs.com/

Answer 1

使用谷歌浏览器：

• 打开chrome://flags

• 禁用Experimental Web Platform features

• 重新启动浏览器

如果这不起作用，请打开chrome://flags，但尝试Reset all顶部的按钮。

来源： https: //github.com/orgs/community/discussions/50295

Answer 2

临时解决方案是在开发工具控制台窗口中运行此代码：

const addStyle = (styleString) => {
  const style = document.createElement('style');
  document.head.append(style);
  style.textContent = styleString;
};

addStyle(`
  body *::selection {
    background-color: rgb(50 80 90 / 0.5) !important;
  }
`);

是的，每次刷新页面时，我们都必须再次运行这段代码。这只是一个快速的临时解决方案。