CSS: How to Change the Details Summary Arrow

You can change the arrow that is used for the <summary> tag with the list-style-type css attribute.

Example

details summary {
    list-style-type: '→ ';
}

details[open] summary {
    list-style-type: '↴ ';
}