Hilfe durchsuchen

Vorsicht vor Support-Betrug: Wir fordern Sie niemals auf, eine Nummer anzurufen, sie per SMS zu kontaktieren oder persönliche Daten preiszugeben. Bitte melden Sie verdächtige Aktivitäten über die Funktion „Missbrauch melden“.

Learn More

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

  • 4 Antworten
  • 1 hat dieses Problem
  • 26 Aufrufe
  • Letzte Antwort von 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?

Angefügte Screenshots

Alle Antworten (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/

Geändert am von jscher2000

Hilfreich?

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:

Hilfreich?

more options

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

Hilfreich?

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.

Hilfreich?

Stellen Sie eine Frage

Sie müssen sich mit Ihrem Benutzerkonto anmelden, um auf Beiträge zu antworten. Bitte stellen Sie eine neue Frage, wenn Sie noch kein Benutzerkonto haben.