Почему в Safari не показывает содержимое кнопки?

Question

[Яна Егорова]

В кнопки есть див, который отображается во всех браузерах кроме Safari.
Не понимаю в чем дело, при чем на iphone в safari он есть!
Помогите разобраться, пожалуйста!

Добавила кнопке красный border чтобы было понятно где должен быть див

https://yanaegorova.github.io/btn/

Comments

[FeST1VaL]

Может поможет

appearance: none;
    -webkit-appearance: none;

Answer 1

[Юрий]

Потому что сафари не браузер, и не умеет display: flex на кнопках. Соответственно, без флекса ваш див получается нулевой высоты и ширины. В Safari 14 это, судя по всему, поправили, потому что там всё ок.

Comments

[Яна Егорова]

Про флэксы верно. Спасибо)
Но не совсем поняла что значит: "Sarafi не браузер"?

[Юрий]

Яна Егорова, в смысле, не очень хороший браузер. Как «курица — не птица» :)