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

Sykje yn Support

Mij stipescams. Wy sille jo nea freegje in telefoannûmer te beljen, der in sms nei ta te stjoeren of persoanlike gegevens te dielen. Meld fertochte aktiviteit mei de opsje ‘Misbrûk melde’.

Mear ynfo

Dizze konversaasje is argivearre. Stel in nije fraach as jo help nedich hawwe.

Remove icon separator from modified bookmarks toolbar icon

  • 2 antwurd
  • 2 hawwe dit probleem
  • 174 werjeftes
  • Lêste antwurd fan 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

Alle antwurden (2)

That is done via a ::before rule:

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

Perfect! Thanks