需要隐藏Google Chrome中本地文件中的访问过的链接文字

时间:2014-11-07 23:24:05

标签: html css google-chrome google-chrome-extension google-chrome-app

我有一个HTML文件,其中有数千个链接格式为:

<a href="#">link text</a><br>
<a href="#">link text</a><br>
<a href="#">link text</a><br>

我想要访问的链接根本不显示。本质上是a:visited {display:none;}如果可能的话会这样做。如果您不知道,出于安全目的,您不能将此样式应用于a:visited伪类。我不能在这个特殊情况下使用javascript。我可以使用你们可能拥有的任何其他CSS想法。现在我只是在白色背景上使用:visit {color:white;}来使访问链接文本不显示,但是这会在我的列表中留下空白,我宁愿隐藏所访问的链接文本,以便我的列表更集中,没有空格。这可能是谷歌Chrome浏览器扩展吗?

我用以下脚本尝试过Tampermonkey,但无济于事:

(function() {
var css = "A:Link, A:Visited, A:Hover {text-decoration: none;}\n\nA:Visited {color:#fff;}\n\n<div style=\"position: fixed; background: none; border: 0px solid #ffcc00; width: 100px; z-index: 100;bottom: 700px;\">\n<a href=\"https://www.paypal.com/cgi-bin/webscr?cmd=_s- xclick&amp;hosted_button_id=AJ3JLKWPH88GE\">\n<img src=\"https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif\" /></a>";
if (typeof GM_addStyle != "undefined") {
GM_addStyle(css);
} else if (typeof PRO_addStyle != "undefined") {
PRO_addStyle(css);
} else if (typeof addStyle != "undefined") {
addStyle(css);
} else {
var node = document.createElement("style");
node.type = "text/css";
node.appendChild(document.createTextNode(css));
var heads = document.getElementsByTagName("head");
if (heads.length > 0) {
    heads[0].appendChild(node); 
} else {
    // no head yet, stick it whereever
    document.documentElement.appendChild(node);
}
}
})();

0 个答案:

没有答案