MozillaZine

[Solved] Target Quick Filter Icon's Clicked/Active State

User Help for Mozilla Thunderbird
ThunderStruck
 
Posts: 24
Joined: April 1st, 2019, 10:52 pm

Post Posted April 2nd, 2019, 10:31 pm

For Thunderbird 60+, I've found that when a Quick Filter icon is clicked, it has a visual style that indicates that the filter is in a clicked down or activated state (default style is an inset box-shadow). How do I target that specific state? I want to restyle it. I can target the default state (#quick-filter-bar toolbarbutton) and hover state (#quick-filter-bar toolbarbutton:hover), but don't know the syntax for the clicked down/activated state.
Last edited by ThunderStruck on April 7th, 2019, 2:34 pm, edited 1 time in total.

morat
 
Posts: 3247
Joined: February 3rd, 2009, 6:29 pm

Post Posted April 7th, 2019, 8:56 am

Try this:

Code: Select all
#quick-filter-bar toolbarbutton[checked] {
  background-color: orange !important;
}

ThunderStruck
 
Posts: 24
Joined: April 1st, 2019, 10:52 pm

Post Posted April 7th, 2019, 1:40 pm

Awesome. That worked well. Exactly what I was looking for! I just didn't know what the correct syntax would be for that particular state. Thank you.

Return to Thunderbird Support


Who is online

Users browsing this forum: No registered users and 7 guests