![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
Remove icon separator from modified bookmarks toolbar icon
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
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 Antworten (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