如何在Edge浏览器中覆盖网站的selection透明CSS样式

针对你遇到的网站强制隐藏选中文本高亮的情况，给你几个无需扩展、操作简单的可行方案：

方案一：增强版书签脚本 #

原脚本无效可能是因为网站样式优先级更高，或是脚本注入逻辑被拦截。试试这个更鲁棒的版本，它会覆盖所有元素的选中样式，用最高优先级规则强制生效：

javascript:(function(){
  document.head.insertAdjacentHTML('beforeend', `
    <style>
      *::selection, *::-moz-selection {
        color: #000 !important;
        background-color: #ffeb3b !important;
        text-shadow: none !important;
      }
    </style>
  `);
})()

制作书签步骤： #

1. 在Edge书签栏右键，选择「添加书签」
2. 名称填「显示选中高亮」，网址粘贴上述代码
3. 打开目标网站后，点击该书签即可立即生效

方案二：Edge开发者工具快速修改（会话内有效） #

这个方法适合临时使用，操作步骤简单易推广：

1. 打开目标页面后，按F12打开开发者工具（或右键页面选「检查」）
2. 在顶部「样式」面板的搜索框输入 ::selection
3. 找到body::selection { background-color: transparent; }规则，点击前方复选框禁用，或直接把transparent改成高亮色（比如#ffeb3b）
4. 关闭开发者工具，选中区域会立即显示高亮

如果需要重复使用，可开启开发者工具的「本地修改」功能，它会保存样式修改，下次打开页面时自动加载（仅同一设备/浏览器会话生效）。

方案三：使用Edge阅读模式（零技术门槛） #

Edge内置的阅读模式会自动忽略网站自定义样式，包括隐藏选中高亮的规则：

1. 打开目标页面后，点击地址栏右侧的「阅读模式」图标（一本打开的书样式）；若未显示，点击地址栏「⋯」更多按钮，找到「阅读模式」
2. 进入阅读模式后，选中文本会显示系统默认高亮，复制内容后退出阅读模式即可

内容的提问来源于stack exchange，提问作者Rothrock