Удалить миниатюру изображения во вводе = «файл» (iOS Sarafi)

#ios #input #file-upload #mobile-safari

#iOS #ввод #загрузка файла #мобильный-safari

Вопрос:

Я пытаюсь удалить / скрыть предварительный просмотр изображения внутри input =»file» в мобильном Safari. Он добавляет предварительный просмотр после выбора изображения. Мне удалось скрыть серую кнопку внутри:

 [type="file"]::-webkit-file-upload-button {
  width: 0;
  height: 0;
  margin: 0;
  border: 0;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  opacity: 0;
}
 

но изображение получает ширину / высоту 2px с этими стилями (2-й снимок экрана). Свойство «-webkit-appearence: none;» не помогает. Кто-нибудь знает, как полностью скрыть этот предварительный просмотр изображения?

С кнопкой и изображением по умолчанию

С добавленными стилями -webkit-file-upload-button