@Ewig23

Как исправить стили Input на IOS?

Здравствуйте.

Имеется несколько input-ов для вывода данных выбранного диапазона чисел в фильтре. Эти Input имеют type="text"и работают с плагином RD Range, с динамически генерируемой шириной блока.

Для Windows и Android все отлично стилизуется.

На Айфоне же отрабатываются только padding-и. Причем не только в Сафари, но и в любом другом браузере. Есть ощущение, что вообще ширина этих инпутов задаются Айфоном стандартно. При этом другие input в фильтре даже на айфонах отображаются нормально.

-webkit-appearance: none - не помогает.
На max-width / min-width не реагирует.

Как это побороть?

Скриншоты прилагаю.
Вот так выглядит на Айфоне - скриншот1
А вот так на Андроиде (все нормально стилизовалось) - скриншот2

Буду рад любой помощи. Надеюсь на Маковцев. Спасибо заранее.
  • Вопрос задан
  • 377 просмотров
Решения вопроса 1
@cheeroque
Во-первых, у вас там такое:

.ios .rd-range-input {
  max-width: 45px;
}


А во-вторых, инпут завёрнут во флекс, так что нужно добавить ему flex-shrink: 0, тогда ширина увеличивается как надо:

60a6274839e3d283965697.png
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы