覆盖 CSS 的边缘扩展

问：

在 Edge 中加载 PDF 时，有一个“保存”和“另存为”按钮，我想删除。这发生在从 Web 服务器加载的 pdf 以及本地文件时。

我加载了扩展并且弹出窗口正在工作，但是，我似乎无法让 CSS 覆盖页面。需要的CSS是：

button#save, button#saveAs {   display: none !important;   cursor: not-allowed;   pointer-events: none; }

这是我的manifest.json：

{

    "name": "CSS Override",
    "version": "0.0.5",
    "manifest_version": 3,
    "description": "Override CSS on any website",
    
    "icons": {
        "16": "icons/favicon.png"
    },
    
    "action": {
        "default_icon": {
            "16": "icons/favicon.png"
        },
        "default_title": "CSS Override",
        "default_popup": "popup/popup.html"
    },
    
    "permissions": ["activeTab", "scripting"],
    
    "content_scripts": [
        {
            "matches": ["<all_urls>", "file:///*", "http://*/*", "https://*/*"],
            "css": ["css/content.css"],
            "all_frames": true
        }
    ]
}

以下是在开发者控制台中添加了自定义 CSS 样式后删除的“另存为”按钮：

我希望这是足够的信息！我阅读了大量的 KB，并用谷歌搜索并询问了我认识的其他开发人员，但这难倒了所有人！

我尝试过的事情：

• 通读有关扩展程序构建的 Chrome 文档
• 用谷歌搜索了我问题的不同变体，并阅读了论坛、博客、stockoverflow 等，
• 联系了我认识的一些专业开发人员（他们以前没有使用过边缘扩展）