Box-Share on Safari vs Chrome (используя класс кольца Tailwindcss v3) ⇐ CSS

[Anonymous]

То, что вы можете увидеть ниже, является чем-то, что я заметил недавно, и я ожидаю, что это будет связано с недавним обновлением Safari, потому что я никогда не замечал его раньше. На хроме радиус кольца рендесируется правильно, но на сафари выглядит так, как будто он использует тот же радиус, что и модальный, что делает его уродливым. На рисунках ниже ясно показывают разницу: < /p>



rafe-wardow render (правильно) < /> < /th>
safari render ( /strong> < /th>
safari render) /> < /tr>
< /thead>






body {
@apply bg-stone-300;
}
.fi-modal-window {
@apply sm:ring-8 sm:ring-white/30 !important;
}


...




Подробнее здесь: https://stackoverflow.com/questions/796 ... ring-class