Tôi đã nhìn thấy một cái gì đó kỳ lạ ngày hôm nay. Nhìn vào các bức ảnh liên quan đến bài viết (dưới đây). Tôi đã thực hiện một đầu vào [type = "text"]. Đó là "1" trên hình ảnh màn hình. Nó css trông giống như vậy;Bóng tối div bên trong đầu vào
table tbody input {
width: 40px;
border: none;
height: 16px;
}
Chỉ một đầu vào bình thường, ngoài đầu vào này không có đường viền.
Sau đó, tôi đã xem các công cụ dành cho nhà phát triển và tôi đã thấy một thứ mà tôi chưa từng thấy trước đây. "# Shadow-root" và div bên trong đầu vào.
Tôi biết, các công cụ dành cho nhà phát triển sẽ tự thêm thứ gì đó để hiển thị gợi ý trên trang web gốc. Tuy nhiên, tôi thực sự tò mò tại sao nó thêm một div bên trong một đầu vào, và làm thế nào là thực sự có thể để render bất cứ điều gì như thế trên công cụ webkit.
Công cụ dành cho nhà phát triển Chrome bằng cách nào đó lạ lùng lần trước, tôi đã gặp một số vấn đề với nó. Ví dụ, nó đã tăng gấp đôi tệp style.css và quên tải một tệp khác là nguyên nhân của giao diện khủng khiếp của lịch jquery (chỉ khi được tải trên trình duyệt của tôi).
Có lẽ không phải là một lỗi, nhưng một tính năng, nhưng tôi rất muốn biết thêm về nó
Hi, loại cuối ở đây, nhưng tôi đang gặp một vấn đề mà Shadow DOM (# shadow-root) đang thêm một bre aking line ở đầu trang. Tôi đã tắt tùy chọn Shadow DOM, bất kỳ ý tưởng nào? – andufo
@andufo shadow DOM được thảo luận ở đây chỉ đề cập đến các công cụ dành cho nhà phát triển. Làm thế nào để bạn biết rằng vấn đề của bạn là với Shadow DOM và không thực sự HTML/CSS? –
@ gaby-aka-g-petrioli tôi đã chạy một vài kiểm tra, nó chắc chắn chỉ xảy ra trong Chrome. Có gì đó đang thêm 5 dòng trống sau
– andufo