details mit eigenem Marker

Der details-marker wird ausgeblendet. Stattdessen setzt ein Pseudoelement den Marker an einer beliebigen Position. Sie lassen sich sogar animieren!

Klick mich:

Dieses Beispiel funktioniert in allen modernen Browsern.
Das Pseudoelement sitzt rechts des summary-Texts.
Bei einer Änderung des open-Attributs wird es (mit einem weichen Übergang) gedreht!