搜尋 Mozilla 技術支援網站

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

Learn More

[userChrome.css] Selector for the arrow of the Protections popup

  • 4 回覆
  • 1 有這個問題
  • 26 次檢視
  • 最近回覆由 jscher2000

more options

I need to customize the arrow of the Protections popup (i need to change the fill property), but I can't find the correct CSS selector for it. #protections-popup::part(arrow) doesn't work for some reason. Can anyone help me with this?

附加的畫面擷圖

所有回覆 (4)

more options

Hmm, I don't have that triangle in Firefox 89. I thought it was retired as part of Proton?

More generally, there are many challenges styling Shadow DOM elements. I read on r/FirefoxCSS that we cannot use ::part() in userChrome.css so we are limited to using more general rules, if they work.

r/FirefoxCSS = https://www.reddit.com/r/FirefoxCSS/

由 jscher2000 於 修改

有幫助嗎?

more options

You can't use code in userChrome.css to use a selector that crosses shadowDOM and this means that styling such an element is all or nothing and in this case I think you are out of luck.

See also:

有幫助嗎?

more options

You are right, support for styling shadow parts in user-origin stylesheets has not yet been implemented. It's sad.

有幫助嗎?

more options

Where the rules use CSS variables, you can override the variable, but in this case, the fill on that element appears to be a specific color, so seems to be out of reach. But also that element is display:none with Proton, so perhaps not long for this world anyway.

有幫助嗎?

問個問題

如果您還沒有帳號,您必須先 登入您的帳號 來回覆文章。請 開始一個新問題