Вид ввода типа даты в Safari на iOS

Я пытаюсь использовать регулярную дату ввода типа для использования на мобильных устройствах. Но ширина, установленная в CSS, переопределяется Safari (или webkit).

Я могу добавить -webkit-appearance: none; к CSS и тем самым, ширина будет работать, как ожидалось. Но тогда я теряю все остальные стили, которые нужны, например стрелка, указывающая, что это сборщик.

Есть ли способ, которым я могу сохранить базовый стиль даты типа ввода, но самостоятельно управлять шириной?

-webkit-appearance: none; всегда удаляет типичный стиль сборщика … Но вы можете легко добавить стрелку с помощью CSS и фонового изображения.

Я не знаю, как настроить пользовательский стиль ввода, но и сохранить стрелку.

Добавить -webkit-min-logical-width: <your desired value> . Это решило проблему для меня!

если вы хотите выбрать только input[type='date'] и input[type='time'] попробуйте эту строку CSS.

 input[type='date'], input[type='time'] { -webkit-appearance: none; } 
  • Прозрачный SVG в iOS WebKit
  • Получение всех файлов cookie из WKWebView
  • Удалить 3 пикселя в текстовом поле iOS / WebKit
  • Как запретить WKWebView неоднократно запрашивать разрешение на доступ к местоположению?
  • Как изменить цвет элемента HTML, когда пользователь нажимает на него?
  • Webkit переполнения прокрутки Touch ошибка CSS на iPad
  • Быстрый переход в UIWebView и WKWebView
  • Как прокрутить палец прокрутки прокручиваемого div с помощью "webkit-overflow-scrolling: touch"
  • Способы улучшения производительности прокрутки UIWebView?
  • Рекомендуемая альтернатива webkit для серверных событий на iOS
  • Правильный способ оптимизации анимации CSS 3 для iOS / Mobile Safari?
  • Interesting Posts
    Давайте будем гением компьютера.