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

rkttyhzu  于 2023-08-01  发布在  Go
关注(0)|答案(2)|浏览(141)

Firefox和Edge没有这个问题。
使用Google Chrome浏览器时,我正在尝试选择代码或文本。文本已选定,但不可见。通常的背景突出显示是不可见的。大多数网站看起来都很好。GitHub网站就是这样的。
这看起来好像是GitHub网站的一个bug,可能是因为CSS样式,它阻止了改变文本背景突出显示,来自GitHub服务器。
请看视频:https://www.youtube.com/watch?v=HA1gmRHvbWs
我还注意到在Veutify Playground的代码编辑器中发生了这种情况:https://play.vuetifyjs.com/

7uzetpgm

7uzetpgm1#

使用Google Chrome浏览器:

  • 打开chrome://flags
  • 禁用Experimental Web Platform features
  • 重新启动浏览器

如果这不起作用,打开chrome://flags,但尝试顶部的Reset all按钮。
来源:https://github.com/orgs/community/discussions/50295

bsxbgnwa

bsxbgnwa2#

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

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;
  }
`);

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

相关问题