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

Wannan tattunawa ta zama daɗaɗɗiya. Yi sabuwar tambaya idan ka na bukatar taimako.

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

  • 2 amsoshi
  • 1 yana da wannan matsala
  • 1 view
  • Amsa ta ƙarshe daga 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.

Mafitar da aka zaɓa

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

Karanta wannan amsa a matsayinta 👍 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 Mai mallakar tambaya
more options

Zaɓi Mafita

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

An gyara daga Yaron