搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多

Colors in the developer web console

  • 1 回覆
  • 1 有這個問題
  • 3 次檢視
  • 最近回覆由 cor-el

more options

I noticed that when html is on the page and displayed, the html is blue. When the html is rendered but not on the page, it is gray. This is really cool and I want to know more about it but cant find any documentation,

Can you tell me what this setting is called, or how it works?

In the attached image, the ItemView-sideColumn isn't shown for mobile (My viewer is small enough to trigger mobile display), and it automatically changes to gray when it does this.

I noticed that when html is on the page and displayed, the html is blue. When the html is rendered but not on the page, it is gray. This is really cool and I want to know more about it but cant find any documentation, Can you tell me what this setting is called, or how it works? In the attached image, the ItemView-sideColumn isn't shown for mobile (My viewer is small enough to trigger mobile display), and it automatically changes to gray when it does this.
附加的畫面擷圖

所有回覆 (1)

more options

That is about --markup-hidden colors for instance use for class .not-displayed :

.not-displayed {
	color: var(--markup-hidden-punctuation-color);
}