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
Opaite Mbohovái (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