Почему на айфоне данный элемент выглядит по другому?

Question

[DaniilPo]

Таким образом выглядит на андройде:

spoiler

Таким образом выглядит на айфоне:

spoiler

Почему так и как это исправить?

css:

input{
    background: white;
    border: 0.15vw dashed red;
    width: 74.63vw;
    margin-bottom: 1.2vw;
    height: 9vw;
}

Answer 1

[imko]

У сафари есть свои стили некоторых элементов которые не перебиваются. Ставь ему

appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;

и потом стилизуй