Ich möchte gern einen Button in der Sidebar, den eine Erweiterung einfügt, verstecken. Die normale Methode mit CSS und display: none !important; funktioniert nicht. Weiß jemand Rat?
Hier der Bereich im Inspektor
Es betrifft die moz-button.
Klappe mal bitte den genauen Bereich im Inspektor weiter auf - also unter moz-button... Vielleicht sehe ich dann eine Möglichkeit..
Es sieht so aus, als ob die Elemente unter #shadow-root liegen, sprich, CSS-Anweisungen müssen in die userChromeShadow.css und nicht in die userChrome.css.
Es sieht so aus, als ob die Elemente unter #shadow-root liegen, sprich, CSS-Anweisungen müssen in die userChromeShadow.css und nicht in die userChrome.css.
Weil im angepinnten Beitrag von BrokenHeart steht:
Die neue Methode um 'css'-Regeln anzuwenden, wird nur für Regeln benötigt, die einen ::part() Selektor beinhalten.
dachte ich, das gilt hier nicht. Ist diese Einschränkung überholt?
Klappe mal bitte den genauen Bereich im Inspektor weiter auf - also unter moz-button... Vielleicht sehe ich dann eine Möglichkeit..
Es geht um den hier:
Teste das bitte mal, und trag die genaue Bezeichnung von der Erweiterung ein.
.tools-and-extensions > moz-button[view="viewBookmarksSidebar"] {
display: none !important;
}dachte ich, das gilt hier nicht. Ist diese Einschränkung überholt?
Schaue mal genau hin. Die Elemente unter #shadow-root haben das Attribut part (span, label). Dieses wird in CSS als ::part angegeben.
So wäre der Eintrag für eine Erweiterung:
.tools-and-extensions > moz-button[view="_143f479b-4cb2-4d8c-8c31-ae8653bc6054_-sidebar-action"] {
display: none !important;
}Hier ein Bildschirmfoto:
Hier ein Bildschirmfoto:
Hallo milupo.
Beide Codes von mir funktionieren in der userChrome.css.
Oder auch:
button[title="Lightning Autofill"] {
display: none !important;
}Diese Buttons lassen sich ohne userChrome.css bearbeiten (frag mich nicht, warum...) - erfolgreich bei mir in der Nightly getestet.
Beide Codes von mir funktionieren in der userChrome.css.
Du musst aber immer widersprechen. Was ist das für ein Symbol? Ich habe nämlich hier nur drei (Tabs aus anderen Geräten, Chronik und Lesezeichen. Außerdem, aus irgendeinem Grund, zwei Erweiterungen. Da brauche ich aber kein CSS. Diese Symbole werden einfach verschoben oder die Erweiterungen werden deaktiviert bzw. entfernt.
So wäre der Eintrag für eine Erweiterung:
CSS.tools-and-extensions > moz-button[view="_143f479b-4cb2-4d8c-8c31-ae8653bc6054_-sidebar-action"] { display: none !important; }
Ich lade die CSS-Dateien mit dem userCSSLoader. Mit der Datei, in die ich den Code eingefügt hatte, funktioniert etwas nicht. In einer neuen Datei klappt's. Vielen Dank!
Was ist das für ein Symbol?
Von der Erweiterung: Lightning Autofill Docs
Die hatte ich zwecks Test neu installiert.
Du musst aber immer widersprechen
Es sieht so aus, als ob die Elemente unter #shadow-root liegen, sprich, CSS-Anweisungen müssen in die userChromeShadow.css und nicht in die userChrome.css.
Wenn ich das Skript zum Laden der userChromeShadow.css doch mal brauche, wie muss dieses Skript aussehen? Der verlinkte Code von aborix ist nur ein Schnipsel.
In einer neuen Datei klappt's. Vielen Dank!
Mit der Datei, in die ich den Code eingefügt hatte
Dann überprüf das bitte mal ganz genu, ob evtl. ein Fehler vorhanden ist
Wenn ich das Skript zum Laden der userChromeShadow.css doch mal brauche, wie muss dieses Skript aussehen?
Hier wird beschrieben, was du dazu brauchst:
Hier wird beschrieben, was du dazu brauchst:
Manchmal frage ich mich, warum Leute Artikel nicht bis zum Ende lesen. Heute frage ich mich das über mich selbst. Da steht es am Ende. 🙄
So, Button weg, User zufrieden! Dankeschön euch!
So, Button weg, User zufrieden! Dankeschön euch!
