We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Iskanje po podpori

Izogibajte se prevarantski tehnični podpori. Nikoli vam ne bomo naročili, da pokličete telefonsko številko ali nam pošljete osebne podatke. Sumljivo dejavnost prijavite z gumbom »Prijavi zlorabo«.

Več o tem

Remove icon separator from modified bookmarks toolbar icon

  • 2 odgovora
  • 2 imata to težavo
  • 1 ogled
  • Zadnji odgovor od jpnyc

more options

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

Vsi odgovori (2)

more options

That is done via a ::before rule:

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

Perfect! Thanks