Remove o ícone do marcador na barra de ferramentas do firefox em userChrome.css

Question

Estou tentando remover o ícone de um favorito específico na barra de ferramentas de favoritos do Firefox (20.0). Ou seja, a caixa pontilhada à esquerda de "Read Later" na imagem a seguir:

EutenhomeuarquivouserChrome.cssdaseguinteforma:

@namespaceurl("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /*only needed once*/
.bookmark-item[label="Read Later"]{display: none;}

Além disso, o seguinte não funciona:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /*only needed once*/
#personal-bookmarks toolbarbutton[label="Read Later"] image{
    display: none !important;
    -moz-margin-end: 0px !important;
}

Infelizmente, isso não faz nada. Alguma idéia?

Links que usei:

#game de barra de ferramentas do siteBarConteúdo, modificações de botão no userChrome.css

Como remover ícones da barra de ferramentas Favoritos do FF 4?

    

Answer 1

Você precisa segmentar o ícone do favorito. Tente o seguinte:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

.bookmark-item .toolbarbutton-icon[label="Read Later"] {
    display: none !important;
}

Como alternativa, você pode segmentar todos ícones de favoritos em branco (que não estão em pastas) com o seguinte:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

.bookmark-item .toolbarbutton-icon:not([type="menu"]):not([src]) {
    display: none !important;
}