d Elemente als CSS -Nachkommen in Firefox ⇐ CSS

[Anonymous]

Dieser Code ergibt einen blauen Text in Chrom, aber schwarz in Firefox: < /p>


body:has(:checked) .my-text {
fill: blue;
}< /code>

Code: Select all

This is blue in Chrome, black in Firefox
This is black

Wahrscheinlich, weil Firefox Elemente platziert, auf die Inside #Shadow-Root betrachtet und sie nicht als Nachkommen in CSS. #Shadow-Root in "src =" https://i.sstatic.net/26wpudbm.png "/>
Gibt es eine Möglichkeit, dies in Firefox ohne JS-Nor-CSS-Variablen (Variablen (CSS

Code: Select all

:checked { --text-color: blue; }

)?>