私は今日何か変わったことを見ました。投稿に関連する写真を見てください(下記)。私は入力[タイプ= "テキスト"]を作った。画面上の "1"です。それは、CSSのようなものです。入力内のシャドウルートdiv
table tbody input {
width: 40px;
border: none;
height: 16px;
}
普通の入力に加えて、これには境界線がありません。
次に、私はdev-toolsを見て、今まで見たことのないものを見ました。 "#shadow-root"と入力内のdiv。
私が知っているdev-toolsは、元のWebページにヒントを表示するために何かを追加しています。しかし、私は本当にそれが入力内にdivを追加するのは本当に好奇心で、Webkitエンジン上でdivをレンダリングするのは実際に可能です。
前回はChrome dev-toolsが何とか変わっていましたが、いくつか問題がありました。たとえば、style.cssファイルを2倍にして、別のものをロードすることを忘れて、jqueryカレンダーの恐ろしい外観の原因が(ブラウザにロードされたときのみ)。
これはおそらくバグではないですが、機能が、私はそれ
種類の後期こここんにちは、私はどこの問題を抱えていますShadow DOM(#shadow-root)がbreを追加していますページの上部に行を付ける。私はすでにShadow DOMオプションを無効にしていました。 – andufo
@andufoここで説明する影DOMは、開発者ツールのみを指します。あなたの問題が実際のHTML/CSSではなく、影のDOMであることをどうやって知っていますか? –
@ gaby-aka-g-petrioli私は既にいくつかの小切手を走らせていましたが、それは間違いなくChromeでのみ起こっています。あなたがどこかにオンラインで置くことができる場合、何かが空白行を追加しています。
– andufo