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.
[Solved] css selector for 'pressed' toolbar button
-
- Posts: 7
- Joined: May 6th, 2006, 12:35 pm
[Solved] css selector for 'pressed' toolbar button
Last edited by glitsj16 on February 21st, 2017, 11:59 am, edited 1 time in total.
- Reflective
- Posts: 2283
- Joined: February 15th, 2007, 11:13 am
Re: css selector for 'pressed' toolbar button
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
- Posts: 10433
- Joined: October 24th, 2010, 8:51 am
Re: css selector for 'pressed' toolbar button
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.
http://forums.mozillazine.org/viewtopic.php?t=2447747
http://forums.mozillazine.org/viewtopic ... &t=2827985
He is usually willing to help.
"The trouble with quotes on the internet is you never know if they are genuine" ...Abraham Lincoln
- Frank Lion
- Posts: 21178
- Joined: April 23rd, 2004, 6:59 pm
- Location: ... The Exorcist....United Kingdom
- Contact:
Re: css selector for 'pressed' toolbar button
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.glitsj16 wrote:I don't know how to target that button's pressed state with CSS. Using DOM Inspector I'm getting nowhere.
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.
"The only thing necessary for the triumph of evil, is for good men to do nothing." - Edmund Burke (attrib.)
.
.
-
- Posts: 7
- Joined: May 6th, 2006, 12:35 pm
Re: css selector for 'pressed' toolbar button
@all Thanks for the suggestions. Turned out to be a conflicting CSS style in my Stylish collection. Marking as solved..