7 replies

CSS list-style-type not being applied on <details><summary> on safari

Hey everyone,
I'm actually using tailwind but have tried it with css and the behavior is the same:

<details class="group list-none before:hidden">
   <summary class="cursor-pointer list-none text-xl">
   </summary>
</details>

<details class="group list-none before:hidden">
   <summary class="cursor-pointer list-none text-xl">
   </summary>
</details>

<details class="group list-none before:hidden">
   <summary class="cursor-pointer list-none text-xl">
   </summary>
</details>

<details class="group list-none before:hidden">
   <summary class="cursor-pointer list-none text-xl">
   </summary>
</details>

works great, at least in Chrome, i mean, the native carret for summary is not rendered.
In Safari, though, it does appear, messing up my custom styling

CSS list-style-type not being applied on <details><summary> on safari

Similar Threads

Similar Threads

Similar Threads