Я видел что-то странное сегодня. Посмотрите на фотографии, связанные с сообщением (ниже). Я сделал ввод [type = "text"]. Его «1» на экране. Это css выглядит примерно так;Тень корень div внутри вход
table tbody input {
width: 40px;
border: none;
height: 16px;
}
Просто обычный ввод, кроме этого у него нет границ.
Затем я посмотрел на инструменты dev, и я увидел то, чего я никогда раньше не видел. «# Shadow-root» и div внутри входа.
Я знаю, что dev-tools добавляет что-то от себя, чтобы отображать подсказки на исходной веб-странице. Тем не менее, мне очень интересно, почему он добавляет div внутри ввода, и как это вообще возможно сделать что-то подобное на движке webkit.
Хром-dev-tools как-то странный в прошлый раз, у меня были некоторые проблемы с ним. Например, он удвоил файл style.css и забыл загрузить другой, что стало причиной ужасного вида jquery-календаря (только при загрузке в моем браузере).
Это, вероятно, не ошибка, а особенность, но я хотел бы знать больше об этом
Привет, вроде поздно здесь, но я имею вопрос где Shadow DOM (# shadow-root) добавляет bre aking в верхней части страницы. Я уже отключил опцию Shadow DOM, какие-то идеи? – andufo
@andufo the shadow DOM, обсуждаемая здесь, относится только к инструментам разработчика. Откуда вы знаете, что ваша проблема связана с теневым DOM, а не с фактическим HTML/CSS? –
@ gaby-aka-g-petrioli Я уже провел несколько проверок, это определенно происходит только в Chrome. Что-то добавляет 5 пустых строк после
– andufo