Hallo Rolf,
details-marker:
Safari
zu: roter Pfeil nach rechts
offen: grüner Pfeil nach unten
Klick außerhalb des Elements: roter Pfeil nach unten
MacOS Firefox
Kennt das Symbol nicht und zeigt „Kasten“
details mit eigenem Marker:
Safari
zeigt grünes + und rotes x wie vorgesehen, die Originalsymbole bleiben aber.
MacOS Firefox
OK
Im Tutorial behandle ich die Symbole browserübergreifend so:
/* Originalsymbole vor den Summary entfernen und eigene Symbole definieren */
#sitenav summary::-webkit-details-marker {
display: none;
}
#sitenav summary {
list-style-type: none;
}
#sitenav details summary::after {
font-family: arial_unicode_ms;
vertical-align: top;
}
#sitenav ul details:not([open]) > summary::after {
content: ' ►';
}
#sitenav ul details[open] > summary::after {
content: ' ◄';
Gruß
Jürgen