What does it mean when some of the elements are grey in the console under the 'Elements' tab?

Question

I've recently started getting familiar with the console, identifying certain elements through it and such. However, I've stumbled upon this on Disney's website and I was wondering why do some of these elements have a grey background? What does that indicate?

score 1 · Answer 1 · edited Jul 02 '20 at 19:54

1

You have the "Show user agent shadow DOM" setting turned on, and these Shadow DOM elements are highlighted in grey.

You can learn about ShadowRoot here: What is shadow root

And you can learn more about the Shadow DOM here: https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM

edited Jul 02 '20 at 19:54

Brendan McGill

5,357
3
19
28

answered Jul 02 '20 at 18:57

Geat

752
4
15

What does it mean when some of the elements are grey in the console under the 'Elements' tab?

1 Answers1