How do we turn off the outlines round every element we interact with when devtools is open?

When I have devtools open and interact with the page, I see light green lines around the elements I’m interacting with. This could be useful but shouldn’t be the default I think. How do we toggle it?


This shouldn’t be the case and I can’t think about any feature in DevTools which triggers green outlines. Can you post a screenshot?

Thanks Julian, yeah it’s a very strange bug. I need to show it as a video. First is Firefox Dev Ed, then Firefox. The bug is only in the Dev Ed

Thanks for adding the video! I can’t think of any DevTools feature that would create this kind of outline. A few additional questions:

  • does this happen with several pages
  • do you have any webextension (eg a DevTools webextension) in your DevEdition profile