使用 userContent.css 隱藏亞馬遜購物車

Question

我試圖隱藏亞馬遜購物車（右側的“面板”）。 它使您家人的聖誕購物更具挑戰性。

我想我可以把這樣的東西放在我的 userContent.css 中；

@-moz-document domain(amazon.com) {
    #nav-flyout-ewc { display: none !important; }
}

但到目前為止，我的運氣並不好。

我正在使用 Firefox：

Version 82.0.2
Build ID 20201027185343
Distribution ID canonical

並且 userContent.css 位於我的配置文件目錄中的“chrome”文件夾中，如 about:support 報告的那樣

Answer 1

我花了一些時間試圖自己解決這個問題，並且（像你一樣）對只是全面轟炸身體並不滿意。 這是我的解決方案（在查找過程中，它幫助我意識到我也不必為子域“ smile. ”執行此操作）：

@-moz-document domain(amazon.co.uk) {
    #nav-flyout-ewc { display:none !important; }
    .nav-ewc-persistent-hover.a-js body { padding-right: 0px !important; }
    .nav-ewc-persistent-hover body { padding-right: 0px !important; }
}

顯然，您只需將其更改為“ .com ”，或者，如果您希望影響多個站點，則為：

@-moz-document domain(amazon.com), domain(amazon.co.uk) {
    #nav-flyout-ewc { display:none !important; }
    .nav-ewc-persistent-hover.a-js body { padding-right: 0px !important; }
    .nav-ewc-persistent-hover body { padding-right: 0px !important; }
}