오늘 이상한 것을 보았습니다. 게시물과 관련된 사진을보십시오 (아래). 나는 input [type = "text"]을 만들었습니다. 화면의 "1"입니다. 그것은 CSS 같아.그림자 입력 div 입력
table tbody input {
width: 40px;
border: none;
height: 16px;
}
일반 입력 외에는 테두리가 없습니다.
그런 다음 dev-tools를 살펴본 결과, 전에는 본 적이없는 것을 보았습니다. "# shadow-root"와 입력 안에있는 div.
나는 dev-tools가 원본 웹 페이지에 힌트를 표시하기 위해 뭔가를 추가한다는 것을 알고있다. 그러나, 나는 왜 이것이 입력 안에 div를 추가하는지 궁금해하며 실제로 웹킷 엔진에서 그런 것을 렌더링 할 수있는 방법은 무엇입니까?
지난번 Chrome 개발 도구는 이상하게 여겨졌습니다. 몇 가지 문제가있었습니다. 예를 들어 style.css 파일을 두 배로 만들었고 jquery 캘린더의 끔찍한 모습을 내 브라우저에로드했을 때만 다른 것을로드하는 것을 잊어 버렸습니다.
그것은 아마 버그,하지만 기능은 아니지만, 나는 그것이 그림자 DOM입니다
안녕, 가지 말 여기에,하지만 난 문제가 어디 데 그림자 DOM (# shadow-root)이 bre을 추가하고 있습니다. 페이지 맨 위의 줄. 이미 그림자 DOM 옵션을 해제했는데, 어떤 아이디어입니까? – andufo
@andufo 여기에서 설명하는 그림자 DOM은 개발자 도구만을 나타냅니다. 문제가 실제 HTML/CSS가 아닌 그림자 DOM에 있음을 어떻게 알 수 있습니까? –
@ gaby-aka-g-petrioli 이미 여러 수표를 달렸는데, 확실히 Chrome에서만 발생합니다. 무언가가
– andufo