Windows 10 will reach EOS (end of support) on October 14, 2025. For more information, see this article.

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

CSS Element Changed in Firefox v91

  • 4 replies
  • 1 has this problem
  • 1 view
  • Last reply by cor-el

more options

Disabling this History menu label with CSS works in Firefox v78, but not in v91:

#PanelUI-history label[value="Recent History"] {display:none !important;}

BTW, the label is now "Recent history".

Disabling this History menu label with CSS works in Firefox v78, but not in v91: #PanelUI-history label[value="Recent History"] {display:none !important;} BTW, the label is now "Recent history".

Modified by cor-el

All Replies (4)

more options

Do you mean here:

menu button > History

You could try this to hide both the label and the list:

/*** Hide "Recent History" on the main application menu (2021-09-24) ***/

/* Heading above list */
#panelMenu_recentHistory, 
/* History items */
#appMenu_historyMenu  {
  background: #ff0 !important;
}
more options

Thanks, the first line worked for me (ESR v91.0.1)

New Way: #panelMenu_recentHistory

Old Way: #PanelUI-history label[value="Recent history"]

But more importantly, how do I find out these updated CSS selectors?

The method offered by Mozilla (Ctrl+Alt+Shift+I) only shows the parent CSS selector for the History menu button.

It doesn't show the CSS selectors inside the drop-down list after you click the History menu button.

What are the CSS selectors for ..

1) Bookmarks Toolbar right-click menu "Open All Bookmarks" menu item

https://user-media-prod-cdn.itsre-sumo.mozilla.net/uploads/images/2021-09-25-06-01-35-45c48c.png

2) Bookmarks Toolbar folders drop-down list "Open All in Tabs" menu item.

https://user-media-prod-cdn.itsre-sumo.mozilla.net/uploads/images/2021-09-25-06-05-38-d3d944.png

Modified by silly

more options

Thanks, the first line worked for me (ESR v91.0.1)

New Way: #panelMenu_recentHistory

Old Way: #PanelUI-history label[value="Recent history"]

But more importantly, how do I find out these updated CSS selectors?

The method offered by Mozilla (Ctrl+Alt+Shift+I) only shows the parent CSS selector for the History menu button.

It doesn't show the CSS selectors inside the drop-down list after you click the History menu button.

What are the CSS selectors for ..

1) Bookmarks Toolbar right-click menu "Open All Bookmarks" menu item

https://user-media-prod-cdn.itsre-sumo.mozilla.net/uploads/images/2021-09-25-06-01-35-45c48c.png

2) Bookmarks Toolbar folders drop-down list "Open All in Tabs" menu item.

https://user-media-prod-cdn.itsre-sumo.mozilla.net/uploads/images/2021-09-25-06-05-38-d3d944.png

more options

You need to "Disable Pop-Up Auto-Hide" in the Browser Toolbox to be able to inspect item in a drop-down menu.

  • "Open All Bookmarks" => #placesContext_openBookmarkContainer\:tabs
  • "Open All in Tabs" => menupopup[placespopup="true"] .openintabs-menuitem

Modified by cor-el