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

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

CSS Element Changed in Firefox v91

  • 4 uphendule
  • 1 inale nkinga
  • 13 views
  • Igcine ukuphendulwa ngu 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".

Okulungisiwe ngu 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

Okulungisiwe ngu 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

Okulungisiwe ngu cor-el