[Solved] css selector for 'pressed' toolbar button

[glitsj16]

Hi all, I'm trying to style a toolbar button (classic bookmarks button). Regular state looks fine (left part of img), but when I press the button (which opens a menu) a box shows with a blackish background color around the button (right part of img):



I don't know how to target that button's pressed state with CSS. Using DOM Inspector I'm getting nowhere.

All my toolbar buttons have this 'issue', the classic bookmarks button is just an example. I lived with it for quite some time now, but I'm attempting to solve this once again. Besides the background-color I'm also wanting to resize the showing blackish box because it overlaps with other buttons. If only I knew the specific CSS selector for the down state of the button I would be obliged.

[Reflective]

If you don't get any joy here, try the add-on community forum at: https://blog.mozilla.org/addons/2015/06 ... ity-forum/

[JayhawksRock]

Or maybe contact Aris, the author of Custom Buttons and CTR
http://forums.mozillazine.org/viewtopic.php?t=2447747
http://forums.mozillazine.org/viewtopic ... &t=2827985
He is usually willing to help.

[Frank Lion]

I don't know how to target that button's pressed state with CSS. Using DOM Inspector I'm getting nowhere.

Right click the ID and select 'Set Pseudo Classes'. Tick what you want, hover state, etc. Click on another ID and when you come back to the original one, you'll be able to see the normal state (as usual) and the hover state coding under CSS Rules on the right pane of DOMi.

This thread might help - http://forums.mozillazine.org/viewtopic ... #p13219133

Btw your pictures are dreadful and no one, even moi, can fix what they can't see.

[glitsj16]

@all Thanks for the suggestions. Turned out to be a conflicting CSS style in my Stylish collection. Marking as solved..