"shadow-root": Ist es richtig, dass man Kindelemente darin nicht mit userChrome.css matchen kann?

    Thunderbird-Produkt
    Thunderbird für Windows
    Thunderbird-Version
    140.2

    Moin.

    Im DOM existieren Elemente "shadow-root", siehe Screenshot.

    Ist es richtig, dass es nicht möglich ist, Kindelemente dieses Elementes per userChrome.css zu matchen?

    Anwendungsbeispiel:
    Ich wollte den Schließen-Button in der Mitteilung "Dies ist ein Entwurf" deaktivieren, damit die Mitteilung nicht mal versehentlich entfernt werden kann.


    CSS
    /* Schaltfläche "Schließen" in "Dies ist ein Entwurf" entfernen */ 
#mail-notification-top [data-l10n-id="moz-message-bar-close-button"] {
  display: none !important;
}

    Thunderbirdnutzer der ersten Stunde - seit 2003 : )
    Plattform: macOS | Thunderbird-Version: die jeweils aktuellste ESR

    Klappt, danke.

    Die Frage ist jedoch, ob dieser sehr unspezische Selektor auch in anderen Bereichen trifft, was unerwünscht wäre.

    Thunderbirdnutzer der ersten Stunde - seit 2003 : )
    Plattform: macOS | Thunderbird-Version: die jeweils aktuellste ESR

    Einmal editiert, zuletzt von Saerdna (7. September 2025 um 10:59)

    Ich muß mich korrigieren. Es scheint tatsächlich nicht möglich zu sein, Elemente außerhalb der shadowRoot mit solchen innerhalb zu kombinieren. Damit fällt mein Vorschlag mit dem Vaterelement flach, denn es gibt kein sinnvolles, das man adressieren könnte.

    Die Aussage mit der Id bleibt aber bestehen Nach einem Blick in die Quellen scheint die tatsächlich eindeutig zu sein.