Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Disable animation on hover over inactive tab

  • 2 replies
  • 2 have this problem
  • 4 views
  • Last reply by LiamM

LiamM
LiamM
more options

When I hover the mouse over an inactive tab, there is a distracting animation. I want to disable this. I am familiar with userChrome.css. I just need to know what to add to it or if there is another way. I have tried various about:config changes and none have worked.

When I hover the mouse over an inactive tab, there is a distracting animation. I want to disable this. I am familiar with userChrome.css. I just need to know what to add to it or if there is another way. I have tried various about:config changes and none have worked.

Chosen solution

Do you mean the gray "tab line" along the top of the tab which appears and expands outwards when you hover? Try: 

.tabbrowser-tab .tab-line:not([selected="true"]),
.tabbrowser-tab:hover .tab-line:not([selected="true"]){
  background-color: transparent !important;
}

Depending on your theme, there may be a more "specific" rule you need to override.

Read this answer in context 👍 1

All Replies (2)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 25 Contributor
more options

Chosen Solution

Do you mean the gray "tab line" along the top of the tab which appears and expands outwards when you hover? Try: 

.tabbrowser-tab .tab-line:not([selected="true"]),
.tabbrowser-tab:hover .tab-line:not([selected="true"]){
  background-color: transparent !important;
}

Depending on your theme, there may be a more "specific" rule you need to override.

LiamM
LiamM Question owner
more options

Yes, that solves it. Thanks very much!