CSS: control an icon added to context-menu by an extension
toolbarbutton[id*="8883111b-4bc8-4a99-b37f-5672f6cf9834"]
Controls an icon added to the toolbar.
What's the syntax for controlling an icon added to the context-menu by an extension?
Example: https://addons.mozilla.org/en-US/firefox/addon/simple-search-google-for/
(It does not have an ID in manifest.json but *I can add it*).
Thank you.
Chosen solution
cor-el,
Thank you so much. I appreciate it.
Your reply led me in the right direction.
menuitem[id*="MorfixSearch"] { -moz-box-ordinal-group: 100 !important; margin-bottom: 4px !important; }
(id*="MorfixSearch" set in background.js).
Read this answer in context 👍 0All Replies (2)
Extension that do not have an ID seem to get a random ID (<id>.xpi in profile), so you can't use that ID as a CSS selector and the UUID (about:debugging) is also random.
You can try to use a selector like this:
- menuitem[label^="Search Google for"][image^="moz-extension://"] .menu-iconic-icon {}
Chosen Solution
cor-el,
Thank you so much. I appreciate it.
Your reply led me in the right direction.
menuitem[id*="MorfixSearch"] { -moz-box-ordinal-group: 100 !important; margin-bottom: 4px !important; }
(id*="MorfixSearch" set in background.js).
Modified by Yaron