Ориентация на css только на iPad Safari

Question

У меня есть форма, которая правильно отображается на iPad Chrome и Firefox, а также на iPhone Chrome, Firefox и Safari.

Мне нужно написать соответствующий медиазапрос, чтобы настроить таргетинг только на iPad Safari.

Я использую CSS очень просто, типа:

.et_pb_contact_right p input.et_pb_content_captcha {
    font-weight: bold;
    border: 2px #F7823A solid;
}

Как я могу сделать эту конкретную цель?

Спасибо.

Страница - https://passports.edkatzman.com/contact/

Answer 1

Примените следующий кодовый блок к вашему CSS.

@media not all and (min-resolution:.001dpcm) { 
  @media {

    .safari_only { 

      /* Write your iOS Safari code here */ 

    }
  }
}

Вы можете применить этот класс к элементам, которые необходимо изменить в iOS Safari специально.

См. эту ссылку для получения дополнительной информации об этом конкретном хаке.