MozillaZine

[Solved] css selector for 'pressed' toolbar button

User Help for Mozilla Firefox
glitsj16
 
Posts: 7
Joined: May 6th, 2006, 12:35 pm

Post Posted February 18th, 2017, 2:10 am

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):

Image

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.
Last edited by glitsj16 on February 21st, 2017, 11:59 am, edited 1 time in total.

Reflective

User avatar
 
Posts: 2283
Joined: February 15th, 2007, 11:13 am

Post Posted February 19th, 2017, 10:51 am

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

User avatar
 
Posts: 10433
Joined: October 24th, 2010, 8:51 am

Post Posted February 19th, 2017, 11:09 am

Or maybe contact Aris, the author of Custom Buttons and CTR
viewtopic.php?t=2447747
viewtopic.php?f=48&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

User avatar
 
Posts: 19991
Joined: April 23rd, 2004, 6:59 pm
Location: ... The Exorcist....United Kingdom

Post Posted February 21st, 2017, 7:04 am

glitsj16 wrote: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 - viewtopic.php?p=13219133#p13219133

Btw your pictures are dreadful and no one, even moi, can fix what they can't see. ;)
Metal Lion latest SeaMonkey & Thunderbird Themes - Sea Monkey and Silver Sea Monkey
"The only thing necessary for the triumph of evil, is for good men to do nothing." - Edmund Burke (attrib.)

glitsj16
 
Posts: 7
Joined: May 6th, 2006, 12:35 pm

Post Posted February 21st, 2017, 11:58 am

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

Return to Firefox Support


Who is online

Users browsing this forum: frankf, Google [Bot] and 8 guests