Что не так с safari?

Question

[leeroyjenkins176]

Почему сафари игнорирует псевдоэлемент, как будто его вовсе нету. К тому же синий элемент имеет скругление углов, несмотря на применение appearance: none

Comments

[Виктор Кожухарь]

Safari - это новый IE...

[Ankhena]

Я бы задала для инпута display в явном виде.

Answer 1

[leeroyjenkins176]

Методом тыка удалось определить, что указание input {width: auto; height: auto}
решает проблему в safari.

Answer 2

[Сергей delphinpro]

Насколько я помню, по спецификации input не должен иметь псевдоэлемент. Если ничего не поменяли. Так что сафари все верно делает,это все другие ошибаются =))

Comments

[Ankhena]

Это пока appearance: none; не прикрутишь. С ним он становится как спанчик.

[leeroyjenkins176]

В спецификации все довольно запутано, мне не удалось найти какую либо информацию касательно ::before и ::after у input. Но есть вот такая статья https://www.scottohara.me/blog/2021/09/24/custom-r... от Scott O'Hara, который учавствует в разработке стандартов. В ней он пишет, что при использовании appearance: none для радиокнопок и чекбоксов можно будет использовать псевдоэлементы. Полагаю, ему можно верить.

[Сергей delphinpro]

Ankhena, leeroyjenkins176, не знал этого нюанса. значит всё-таки сафари глючит )