1

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?

elements-tab

Édua Kaszás
  • 11
  • 1

1 Answers1

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

Brendan McGill
  • 6,130
  • 4
  • 21
  • 31
Geat
  • 1,169
  • 6
  • 17