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

    Thunderbird product
    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;
}

    Mein Projekt für Menschen mit kognitiven Einschränkungen: Thunderbird Easy-Peasy
    Thunderbirdnutzer der ersten Stunde - seit 2003 : ) | Plattform: macOS | Thunderbird-Version: die jeweils aktuelle ESR

    Klappt, danke.

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

    Mein Projekt für Menschen mit kognitiven Einschränkungen: Thunderbird Easy-Peasy
    Thunderbirdnutzer der ersten Stunde - seit 2003 : ) | Plattform: macOS | Thunderbird-Version: die jeweils aktuelle ESR

    Edited once, last by thun.der.bird (September 7, 2025 at 10:59 AM).

    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.