Сегодня я видел что-то странное. Посмотрите на фотографии, связанные с сообщением (ниже). Я сделал ввод [type = "text" ]. Его "1" на экране. Это css выглядит примерно так:
table tbody input {
width: 40px;
border: none;
height: 16px;
}
Просто обычный ввод, кроме этого у него нет границы.
Затем я посмотрел на dev-tools, и я увидел то, чего раньше не видел. "# Shadow-root" и div внутри входа.
Я знаю, что dev-tools добавляет что-то само собой, чтобы отображать подсказки на исходной веб-странице. Тем не менее, мне очень интересно, почему он добавляет div внутри ввода, и как это вообще возможно сделать что-то подобное на движке webkit.
В последнее время Chrome-инструменты как-то странные, у меня были некоторые проблемы с ним. Например, он удвоил файл style.css и забыл загрузить еще один, что стало причиной ужасного вида jquery-календаря (только при загрузке в моем браузере).
Вероятно, это не ошибка, а функция, но мне бы хотелось узнать больше об этом
