Notice: The devs are no longer actively involved in the forum, so any bug reports regarding the Stylish extension or this website should be sent to them directly at contact@userstyles.org.
Changing your Avatar.
The only way to currently change a forum avatar is through Gravatar.com. The email address used for your Userstyles.org account must be one of the email addresses that is registered to your Gravatar account.

Styling the Firefox Downloads button - SOLVED

edited May 29 in Style Requests [?]
I've managed to style the Firefox Downloads button using the following CSS:

#downloads-button:hover .toolbarbutton-icon { fill: red; }

However, this only works as long as the Downloads button has not been previously clicked during that browser session. If the Downloads button has been pressed, then the styling no longer works until after the next browser restart.

I assumed that this was due to some kind of alternative pressed button state (even though the Downloads button does not "latch" on and off like buttons that open the sidebar do).

I tried using different states (I think they're called pseudo-classes) such as

:active
[selected="true"]
[open="true"]

but none of them worked.

What CSS do I need to use to be able to apply styling to the Downloads button even after the button has been pressed?

By the way, I'm using an older version of Firefox (v56).

Thanks.

Comments

  • Try this:
    #downloads-button:hover .toolbarbutton-icon, #downloads-button:hover #downloads-indicator-icon {fill: red;}
  • Thank you so much, João.

    This works perfectly!

    I really appreciate your help.
Sign In or Register to comment.