Тип ввода даты выглядит по-другому на устройстве, чем эмулятор Chrome - PullRequest
0 голосов
/ 22 октября 2018

Я пытаюсь получить доступ к собственному средству выбора даты на мобильной платформе.Я использовал input type="date" и разработал его в соответствии с дизайном.После тестирования на iPhone встроенный инструмент выбора даты работал отлично, но ввод даты выглядит иначе, чем эмулятор мобильного устройства Chrome.Различные браузеры на iPhone показывали ввод даты так же, как Chrome, так что это не похоже на браузер.У вас есть опыт с этим?Мы будем благодарны за любую помощь.

HTML:

<input type="date" />

Стили:

input[type=date] {
  height: 40px;
  padding: 12px 6px;
  width: 100%;
  font-size: 14px;
  border: 1px solid #d2d6d9;
  border-radius: 3px;

  /* Hide arrow */
  &::-webkit-inner-spin-button,
  &::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
  }

}

Разница в отображении ввода даты:

enter image description here

1 Ответ

0 голосов
/ 22 октября 2018

используйте -webkit-appearance: none; как показано ниже:

input{
   -webkit-appearance: none;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...