How can I change the context menu font in VSCode using custom CSS?

I’m trying to customize the font of the context menu in Visual Studio Code by injecting custom CSS. However, I’m facing a few challenges:

1. Context Menu Inspection: When I attempt to inspect the context menu in Developer Tools, the menu disappears before I can select it, making it hard to identify the correct CSS selector.
2. Font Customization: I want to change the font family and size used specifically in the context menu.

Here’s what I’ve tried so far:

• I’ve installed the Custom CSS and JS Loader extension in VSCode to allow custom CSS injection.
• I've attempted using some general selectors, but I'm not sure which one specifically targets the context menu in VSCode.

Questions:

• What is the correct CSS selector for the context menu items in VSCode?
• Is there a reliable way to inspect the context menu items without them disappearing?

Any help on how to identify the selector or change the font in the context menu would be greatly appreciated!

The context menu class in VScode is usually a child of .monaco-menu.

See also:

• StackOverflow - How to customize context menu in Visual Studio Code?