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

Question

[Ewig23]

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

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

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

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

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

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

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

Буду рад любой помощи. Надеюсь на Маковцев. Спасибо заранее.

Answer 1

[Юрий]

Во-первых, у вас там такое:

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

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