求助：维基百科打印预览中自定义CSS无法移除超链接下划线

看起来你已经做了不少尝试，但Chrome打印预览里的下划线还是顽固存在。我之前处理过类似的问题，给你几个针对性的修复方案：

先回顾下你当前使用的CSS代码：

/* Remove Hyperlinks */
@media print {
  a:link {text-decoration: none !important;}
  a[href]:after {content: none !important;}
}

1. 扩大选择器覆盖范围，对抗样式优先级 #

Chrome的打印样式和维基百科的默认样式可能用了更具体的选择器，导致你的规则被覆盖。试试把所有链接状态都包含进去，甚至加上维基百科特有的类名：

@media print {
  /* 覆盖所有链接状态：未访问、已访问、悬停、激活 */
  a:link, a:visited, a:hover, a:active {
    text-decoration: none !important;
    color: inherit !important; /* 可选：让链接颜色和正文一致，更像纯文本 */
  }
  /* 移除链接后的URL后缀 */
  a[href]:after {
    content: none !important;
  }
  /* 处理维基百科的重定向链接类 */
  .mw-redirect {
    text-decoration: none !important;
  }
}

2. 提升CSS规则的优先级 #

如果还是不行，试试给选择器加上父元素（比如body）来提高优先级：

@media print {
  body a:link, body a:visited {
    text-decoration: none !important;
  }
}

3. 检查Chrome打印预览的隐藏设置 #

Chrome的打印预览里有个容易被忽略的细节：

• 点击「更多设置」
• 确保「打印背景图形」是开启状态——有时候浏览器会默认禁用背景和部分样式，导致你的CSS不生效

4. 验证自定义CSS是否真的加载生效 #

你可以先不用打印预览，直接在页面上验证样式是否生效：

• 按F12打开开发者工具
• 点击顶部的「Toggle device toolbar」（那个手机图标）
• 在设备选择栏的末尾，点击「更多」，选择「Print」作为模拟媒体
• 然后选中一个链接元素，查看右侧的样式面板，看看你的text-decoration: none有没有被应用（如果被划掉，说明优先级不够）

5. 协调「打印选项」小工具的设置 #

你用的「打印选项」小工具可能也会添加自己的打印样式，和你的自定义CSS冲突。试试：

• 先关闭「打印选项」里的链接移除功能，只用你的自定义CSS测试
• 或者反过来，关闭自定义CSS，看看小工具能不能单独解决问题，再调整两者的组合方式

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