Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

Avatar for Username

Cari Bantuan

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.

Pelajari Lebih Lanjut
Utas ini telah diarsipkan. Silakan membuat pertanyaan baru jika Anda membutuhkan bantuan.
Solved Diarsipkan

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

Firefox Tip dan trik
Yaron replied
Yaron
Yaron

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.

Semua Balasan (2)

cor-el
cor-el
  • Top 25 Contributor
  • Moderator

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 Pemilik pertanyaan

Solusi Terpilih

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

Diperbarui oleh Yaron pada