Google chrome 在使用chrome.tabs.*注入CSS或JavaScript之后，如何删除它？

我使用“chrome.tabs.insertCSS”将CSS注入页面。我想给用户添加一个选项来删除这个css（用一个按钮或其他东西）

---

问题是-如何从选项卡中删除此css/js（以编程方式）添加项？

不是自动注入样式，而是手动创建带有一些

id的
元素，稍后可以从DOM中删除这些元素

下面是通过css启用和禁用链接下划线的扩展的快照：

//enable.js
var head = document.head;
var style = document.createElement("style");
var rules = document.createTextNode("a {text-decoration:underline !important;}");

style.type = "text/css";
style.id = "__link-highlighter";
if(style.styleSheet) {
    style.styleSheet.cssText = rules.nodeValue;
} else { 
    style.appendChild(rules);
}
head.appendChild(style);


//disable.js
if(document.getElementById("__link-highlighter")) {
    document.head.removeChild(document.getElementById("__link-highlighter"));
}

我将CSS规则注入
元素的主体中，因为它们非常小，如果您需要大量规则，您应该能够创建
，而不是链接到
chrome.extension.getURL（“style.CSS”）