Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

Avatar for Username

Sök i support

Akta dig för supportbedrägerier: Vi kommer aldrig att be dig att ringa eller skicka ett sms till ett telefonnummer eller dela personlig information. Rapportera misstänkt aktivitet med alternativet "Rapportera missbruk".

Läs mer
Denna tråd har arkiverats. Ställ en ny fråga om du behöver hjälp.
Arkiverad

Remove icon separator from modified bookmarks toolbar icon

Firefox Inställningar
jpnyc besvarat
jpnyc
jpnyc

I using userchrome.css to remove the blue bookmark star from the toolbar, but I cant figure out how to remove the button separator (vertical line) from the bookmarks icon that remains.

To remove the star I have tried both of these, but they both leave the separator.

  1. bookmarks-menu-button toolbarbutton { display:none!important; }
  2. bookmarks-menu-button toolbarbutton { visibility:collapse !important; }

I know that the remaining icon is:

  1. bookmarks-menu-button .toolbarbutton-menubutton-dropmarker .dropmarker-icon but I cant figure out how to target the vertical line.

Thanks

I using userchrome.css to remove the blue bookmark star from the toolbar, but I cant figure out how to remove the button separator (vertical line) from the bookmarks icon that remains. To remove the star I have tried both of these, but they both leave the separator. #bookmarks-menu-button toolbarbutton { display:none!important; } #bookmarks-menu-button toolbarbutton { visibility:collapse !important; } I know that the remaining icon is: #bookmarks-menu-button .toolbarbutton-menubutton-dropmarker .dropmarker-icon but I cant figure out how to target the vertical line. Thanks

Alla svar (2)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor

That is done via a ::before rule:

  • chrome://browser/skin/browser.css 
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker::before {
  display: none !important;
}
jpnyc
jpnyc Frågans ägare

Perfect! Thanks