HTML не отображается в Firefox и IE - PullRequest
0 голосов
/ 01 февраля 2019

Я пытаюсь создать функцию перетаскивания файлов, я взял ссылочный код из ссылок ниже, но проблема в том, что я не вижу свой элемент Drop в Firefox и IE.

Firefox Version i have: 57.0.2

Reference  Code Used: 

https://codepen.io/aaronvanston/pen/dpRkXO

Ответы [ 2 ]

0 голосов
/ 01 февраля 2019

Living Standard (он же текущая версия официальных веб-стандартов) утверждает, что тег <input> может иметь следующее содержимое: Nothing .

Этот типтегов также называют «пустые теги» , «пустые элементы» или «пустые теги» .Полный список можно найти здесь .Они не могут иметь никакого контента, включая pseudo-elements.

Понятия не имею, почему и когда Chrome начал разрешать контент на <input>, но, согласно Живому стандарту, этого не должно быть.Нормальное, ожидаемое таким образом поведение - это одно из двух других браузеров.

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

Я должен также добавить, что, в принципе, даже если браузер в настоящее время более разрешающий, чем другиес особым типом инвалидности, достойный разработчик не должен ожидать, что это продлится долго.Если стандарт не изменится, вы должны ожидать, что Chrome не разрешит контент в <input> s в ближайшее время.

0 голосов
/ 01 февраля 2019

Речь идет о входных данных вашего элемента drop;то, что делает код, это скрывает ввод real и делает хороший просмотр, используя входные данные: before sudo-element.

firefox doesn't render ::before on inputs firefox не рендерит:: before на входах

chrome renders ::before on inputs рендеринг chrome :: before на входах

chrome без проблем отображает входные данные как контейнеры, так что: before &: after для входов может работатьна хром.но IE & firefox не распознает входные данные как контейнеры.поэтому стили не применяются.см. Это сообщение для получения дополнительной информации.

...