Как удалить маркер из элемента на сафари? ⇐ CSS

[Anonymous]

Я попробовал множество решений, предложенных в других постах. Никто не работает на сафари macos и сафари ios. Чего мне не хватает, как я могу удалить маркер в форме треугольника из «bob»? все предложено другими сообщениями. https://jsbin.com/cecufayodo/edit?html,cs, output

• Alice
• Bob
  Apple
  Berry
  Cherry
• Carol

< /code>
*,
*::before,
*::after {
box-sizing: border-box;
list-style: none !important;
}

::-ms-details-marker,
::-moz-details-marker,
::-webkit-details-marker,
::details-marker,
::-ms-marker,
::-moz-marker,
::-webkit-marker,
::marker,
summary::-ms-details-marker,
summary::-moz-details-marker,
summary::-webkit-details-marker,
summary::details-marker,
summary::-ms-marker,
summary::-moz-marker,
summary::-webkit-marker,
summary::marker {
color: red !important;
content: '' !important;
content-visibility: hidden !important;
display: none !important;
list-style: none !important;
opacity: 0 !important;
padding: 0 !important;
visibility: hidden !important;
}
details,
summary {
color: orange !important;
display: block !important;
list-style: none !important;
padding: 0 !important;
}
details::before,
summary::before {
color: yellow !important;
content: '' !important;
content-visibility: hidden !important;
display: none !important;
list-style: none !important;
opacity: 0 !important;
padding: 0 !important;
visibility: hidden !important;
}
details::after,
summary::after {
color: yellow !important;
content: '' !important;
content-visibility: hidden !important;
display: none !important;
list-style: none !important;
opacity: 0 !important;
padding: 0 !important;
visibility: hidden !important;
}
.major {
border: 2px solid yellow;
color: green;
}
.minor {
border: 1px dashed pink;
color: gray;
}
.panel a,
.panel summary {
background-color: wheat;
cursor: pointer;
display: block;
height: 40px;
width: 100%;
}
.panel li {
list-style: none;
margin: 0 auto;
text-align: center;
}


Подробнее здесь: https://stackoverflow.com/questions/779 ... -on-safari