This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

CSS: control an icon added to context-menu by an extension

  • 2 antwoorde
  • 1 het hierdie probleem
  • 14 views
  • Laaste antwoord deur Yaron

Yaron
Yaron
more options

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.

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.

Gekose oplossing

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).

Lees dié antwoord in konteks 👍 0

All Replies (2)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

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 {}
Yaron
Yaron Vraag-eienaar
more options

Gekose oplossing

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).

Gewysig op deur Yaron