Fragen zum CSS-Flyout-Menü

[Gunnar Bittersmann]

@@Bimmelbeule

Ja: ::marker in Can I Use nachschlagen.

Danke!

Nicht dafür.

Nochmal hingeschaut: Mit ::marker machst du ja gar nichts. (Oder hast du den Code inzwischen geändert?)

Safari wendet list-style-type nicht auf summary an. Und da hilft es auch nicht, display: list-item zu setzen. ☞ Codepen 1

Was ginge: Das Zeichen per summary::before und den Marker ausblenden. Da für ::marker nur ein paar bestimmte Eigenschaften gesetzt werden können, geht das nicht mit display: none, wohl aber mit content: none. (Dank an @klawischnigg für den Stups.) Im Safari mit proprietärem Pseudoelement ::-webkit-details-marker, da geht dann display: none. ☞ Codepen 2

Aber: Wenn man die Dreiecke gegen andere Zeichen austauschen will, ist das ein sicheres Indiz dafür, dass man gar nicht details/summary verwenden sollte.

Man könnte nun auf die Idee kommen, die Zeichen nicht per summary::before, sondern per summary::marker zu machen. Das scheitert allerdings daran, dass Safari auch @supports selector() noch nicht unterstützt. ☞ Codepen 3

Erwähnte ich schon, dass wenn man die Dreiecke gegen andere Zeichen austauschen will, man gar nicht details/summary verwenden sollte?

🖖 Живіть довго і процвітайте