Здравствуйте, проблема с отображением форм drupal в iphone.
Почему-то именно на айфонах, у поля E-mail появляется жирная линия ( https://prnt.sc/r2aj0e ).
У остальных браузеров все отлично.
Непонятная жирная рамка у поля email
Главные вкладки
Лучший ответ
Ну https://www.browserstack.com/test-on-iphone например
Комментарии
Это не рамка, это кажется box-shadow: inset, отключите его.
Я прописал к данному полю вот так
border-width: 1px;
border-style: solid;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
Не помогло
Ищите причину, смотрите в отладке через F12 в эмуляции айфона, какие свойства выставляют это, а уже потом действуйте. Не забывайте про !important
В какой эмуляции? Если вы про хром, то там все нормально, именно на самом телефоне айфона такие проблемы. В этом и проблема что на самом телефоне код в отладке не посмотришь.
!important добавлял.
DevTools
Айфон старый? На новом пробовали?
Новый, XR.
В DevTools все нормально https://prnt.sc/r3cwzx
Айфон старый? На новом пробовали?
Да. новый айфон
Мне года четыре назад пришлось на виртуалку ставить MacOS, в ней запускать эмулятор iPhone и на нем смотреть в чем причина. Сейчас же прогресс ушел далеко вперед и есть онлайн инструменты (платные, да)
Не подскажите какие онлайн инструменты?
Ну https://www.browserstack.com/test-on-iphone например
Поддерживаю идею, слишком много стало бесплатного а конкуренция толкает нас всё больше в объятия проприетарного решения.
Тут дело не в бесплатном и проприетарном. А в том, что нужно или купить айфон или купить подписку на платный сервис. Айфон намного дороже
Да посещаемость с айфоном зашкаливает, эмуляторы не справляются, надо просто айфоны обновлять, не тормозить.
Я посмотрел там, это из-за border: 1px solid #e7e9f0; , и именно у полей с type=email, но не пойму почему
Все, спасибо решил вопрос.
-webkit-appearance: none!important;
}
О !important таки нужен был
тут уже не знаю) на всякий случай добавил
Ну да, а случаи бывают, - разные