Fragen zum CSS-Flyout-Menü
bearbeitet von
@@Bimmelbeule
> > Ja: [`::marker` in *Can I Use*{:@en} nachschlagen](https://caniuse.com/css-marker-pseudo).
>
> 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](https://codepen.io/gunnarbittersmann/pen/zYRRpQV?editors=0100)
Was ginge: Das Zeichen per `summary::before` und den Marker ausblenden. Da für `::marker` nur [ein paar bestimmte Eigenschaften](https://developer.mozilla.org/en-US/docs/Web/CSS/::marker#allowable_properties) gesetzt werden können, geht das nicht mit `display: none`, wohl aber mit `content: none`. (Dank an @klawischnigg für den Stubbs.) Im Safari mit proprietärem Pseudoelement `::-webkit-details-marker`, da geht dann `display: none`. ☞ [Codepen 2](https://codepen.io/gunnarbittersmann/pen/KKQQQwr?editors=0100)
**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](https://codepen.io/gunnarbittersmann/pen/vYddRBr?editors=0100)
Erwähnte ich schon, dass wenn man die Dreiecke gegen andere Zeichen austauschen will, man gar nicht `details`/`summary` verwenden sollte?
🖖 Живіть довго і процвітайте
{:@uk}
--
*When the power of love overcomes the love of power the world will know peace.*{:@en}
— Jimi Hendrix
Fragen zum CSS-Flyout-Menü
bearbeitet von
@@Bimmelbeule
> > Ja: [`::marker` in *Can I Use*{:@en} nachschlagen](https://caniuse.com/css-marker-pseudo).
>
> 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](https://codepen.io/gunnarbittersmann/pen/zYRRpQV?editors=0100)
Was ginge: Das Zeichen per `summary::before` und den Marker ausblenden. Da für `::marker` nur [ein paar bestimmte Eigenschaften](https://developer.mozilla.org/en-US/docs/Web/CSS/::marker#allowable_properties) gesetzt werden können, geht das nicht mit `display: none`, wohl aber mit `content: none`. (Dank an @klawischnigg für den Stubbs.) Im Safari mit proprietärem Pseudoelement `::-webkit-details-marker`, da geht dann `display: none`. ☞ [Codepen 2](https://codepen.io/gunnarbittersmann/pen/KKQQQwr?editors=0100)
**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 gleich 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](https://codepen.io/gunnarbittersmann/pen/vYddRBr?editors=0100)
Erwähnte ich schon, dass wenn man die Dreiecke gegen andere Zeichen austauschen will, man gar nicht `details`/`summary` verwenden sollte?
🖖 Живіть довго і процвітайте
{:@uk}
--
*When the power of love overcomes the love of power the world will know peace.*{:@en}
— Jimi Hendrix
Fragen zum CSS-Flyout-Menü
bearbeitet von
@@Bimmelbeule
> > Ja: [`::marker` in *Can I Use*{:@en} nachschlagen](https://caniuse.com/css-marker-pseudo).
>
> 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](https://codepen.io/gunnarbittersmann/pen/zYRRpQV?editors=0100)
Was ginge: Das Zeichen per `summary::before` und den Marker ausblenden. Da für `::marker` nur [ein paar bestimmte Eigenschaften](https://developer.mozilla.org/en-US/docs/Web/CSS/::marker#allowable_properties) gesetzt werden können, geht das nicht mit `display: none`, wohl aber mit `content: none`. (Dank an @klawischnigg für den Stubbs.) Im Safari mit proprietärem Pseudoelement `::-webkit-details-marker`, da geht dann `display: none`. ☞ [Codepen 2](https://codepen.io/gunnarbittersmann/pen/KKQQQwr?editors=0100)
**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 gleich per `summary::before`, sondern per `summary::marker` zu machen. Das scheitert allerdings daran, dass Safari auch `@supports selector()` noch nicht unterstützt. ☞ [Codepen 3](https://codepen.io/gunnarbittersmann/pen/vYddRBr?editors=0100)
Erwähnte ich schon, dass wenn man die Dreiecke gegen andere Zeichen austauschen will, man gar nicht `details`/`summary` verwenden sollte?
🖖 Живіть довго і процвітайте
{:@uk}
--
*When the power of love overcomes the love of power the world will know peace.*{:@en}
— Jimi Hendrix