When attempting to create a list with custom list markers, I encountered an issue.
An example from MDN is provided:
li::marker {
content: '✝ ';
font-size: 1.2em;
}<p>Group known as Mercury Seven:</p>
<ul>
<li>Malcolm Scott Carpenter</li>
<li>Leroy Gordon (Gordo) Cooper Jr.</li>
<li>John Herschel Glenn Jr.</li>
<li>Virgil Ivan (Gus) Grissom</li>
<li>Walter Marty (Wally) Schirra Jr.</li>
<li>Alan Bartlett Shepard Jr.</li>
<li>Donald Kent (Deke) Slayton</li>
</ul>My expectation was to see:
✝ Malcolm Scott Carpenter
✝ Leroy Gordon (Gordo) Cooper Jr.
etc.
However, the actual output displayed:
* Malcolm Scott Carpenter
* Leroy Gordon (Gordo) Cooper Jr.
etc.
https://i.sstatic.net/gYTQW18I.png
Is this issue related to Safari or could there be a problem with the MDN example being outdated?