如何用Stylus或Greasemonkey在Firefox中覆盖blur() CSS滤镜

方法一：通过用户样式表永久全局/站点级禁用 #

1. 打开Firefox地址栏输入about:support，找到「配置文件文件夹」并点击「打开文件夹」。
2. 在配置文件夹中新建或编辑userContent.css文件：
   • 如果要全局禁用所有blur滤镜，添加以下代码：

     * {
       filter: none !important;
     }
     

   • 如果仅针对你的测试站点禁用，添加域名限定规则：

     @-moz-document domain("developer.mozilla.org") {
       * {
         filter: none !important;
       }
     }
     

3. 保存文件后重启Firefox，设置即可生效。

方法二：用开发者工具临时禁用（单次会话有效） #

• 打开测试站点，按F12唤起开发者工具。
• 在「元素」面板中找到应用了blur()滤镜的元素，在右侧样式面板找到对应的filter规则，取消勾选规则前的复选框，或者直接删除blur()部分代码，页面会实时去除模糊效果。

方法三：使用浏览器扩展灵活控制 #

• 安装Stylus这类自定义样式扩展，安装完成后点击扩展图标，为测试站点创建新样式。
• 粘贴上述站点级禁用的CSS代码并保存，之后可以随时通过扩展开关控制blur滤镜的启用状态。

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