it-swarm.com.de

Ändern Sie das Standard-CSS von Google Chrome

Ich möchte in der Lage sein, das von Chrome verwendete Standard-CSS zu ändern, z. B. das Entfernen der Unterstreichungen für Links usw. Ich kann jedoch die von Chrome verwendete Standard-CSS-Datei nicht finden. Weiß jemand wo es ist?

41
George IV

(Update 2014) Da die Unterstützung von Benutzer-Stylesheets kürzlich aus Google Chrome entfernt wurde , besteht die einzige Option für diesen Moment darin, Erweiterungen zu verwenden (wie Stylus * 1), aber diese verhalten sich anders (siehe unten).

Die wichtigste Anforderung für die Wiedereinführung echter Benutzer-Stylesheets in Google Chrome ist Problem 347016: Benutzer-Stylesheets unterstützen .

Gemäß Spezifikation hat"True User Stylesheet"ruleniedrigere Ursprungsspezifität in Kaskade als Autorenregel, aber !important Benutzer-Stylesheet-Regeln habenhöhere Ursprungsspezifitätals !important Autorenregel, unabhängig von deren Selektor Spezifität.

Erweiterungen, die Benutzer-Stylesheets in Chrome imitieren, fügen (hoffentlich) einfach das letzte Style-Element in die Seite ein, was einige Konsequenzen hat:

  • ein solcher Stil befindet sich auf"Autorenebene"in der Kaskade, daher müssen Sie sicherstellen, dass Ihre !important-Regel eine höhere Spezifität aufweist als eine, die Sie überschreiben möchten
  • "Ihr" injizierter Stil ist Seiten-Skripten ausgesetzt, sodass sie ihn einfach nach Belieben löschen können.

* 1 Die ursprüngliche Erweiterung Stylish befindet sich derzeit (2017) im unregelmäßigen Entwicklungsstadium eines neuen Mainetainers. Daher würde ich raten, sie zu vermeiden und zu verwenden alternativ wie vorgenannter Stylus.


(Die folgende ursprüngliche Antwort ist jetzt veraltet.)

Es ist leider nicht möglich, die UA-CSS selbst zu optimieren, aber Sie können einen globalen Userstyle erstellen: Starten Sie Chrome einmal mit --enable-user-stylesheet. Dadurch wird ein <user-data-dir>/<profile>/User StyleSheet/Custom.css erstellt, den Sie verwenden können (Änderungen werden sofort weitergegeben). http://code.google.com/p/chromium/issues/detail?id=2393

31
myf

Sie können sich diese Diskussion ansehen: Problem 2393: Benutzer-Stylesheet unterstützen

Ganz am Ende wird erwähnt, dass der Parameter --enable-user-stylesheet beim Starten von Chrome benutzerdefinierte Stylesheets aktivieren würde.

8

Die einzige Lösung, die ich mir vorstellen kann, ist die Verwendung eines Greasemonkey-Skripts, das jeder HTML-Seite einen Stileintrag hinzufügt, der die Unterstreichungen für Links deaktiviert. So etwas wie:

<style> a {text-decoration:none} </style>

Mit diesem Artikel können Sie anscheinend loslegen:
SO WIRD'S GEMACHT: Installieren von Google Chrome Greasemonkey-Skripten (nur Windows)

4
harrymc

Wenn Sie bestimmte Websites anpassen möchten, können Sie Benutzerskripte im Greasemonkey-Stil verwenden.

2
Kevin Panko

Im Jahr 2018 war Chrome> = 68.0.3440.106 (und wahrscheinlich viel früher)

Ich hatte bereits die Erweiterung Resource Override für verschiedene Entwicklungszwecke, daher benutze ich diese jetzt, um mein eigenes Stylesheet hinzuzufügen und einige schlechte Stiloptionen in JIRA (und zu korrigieren um mehr Werbung zu verbergen - heh heh). Die Option, die ich benutze, ist "Inject File" und funktioniert sehr gut. Ich habe nicht versucht, die Einstellung "url" so zu ändern, dass sie nur auf bestimmten Websites funktioniert. Meine CSS-Selektoren sind jedoch so spezifisch, dass ich die URL einfach als "*" belassen kann.

0
eon

Ich bin auf diese Frage gestoßen, als ich nach einer Lösung für die Bereitstellung eines Stylesheets für nicht gestaltete Seiten gesucht habe. Keine der oben genannten Lösungen hat mir sehr geholfen, da Chrome die zuvor entfernte benutzerdefinierte Stylesheet-Funktion nicht unterstützt.

Die Lösung, die ich gefunden habe und die für meinen Anwendungsfall wie Charme wirkt, wird durch die Verwendung dieses Chrome-Addons mit einem benutzerdefinierten js-Skript erreicht, das mein benutzerdefiniertes CSS einfügt zur Kopfzeile der Seite, wenn keine Stylesheets vorhanden sind. Es funktioniert nicht auf einer Seite, auf der ein Stylesheet verlinkt ist, aber für meinen Anwendungsfall ist es ausreichend.

Hier ist das JS-Skript, das ich verwende:

window.addEventListener("load", function(event) {
    console.log("All resources finished loading!");
    console.log(document.styleSheets); 
    if (document.styleSheets.length > 0) {
        return;
    }

    var css = `
    /*Your CSS goes here*/
    `;
    var style = document.createElement('style');
    style.type = 'text/css';
    style.appendChild(document.createTextNode(css));
    document.head.appendChild(style);
  });
0
Maroš Beťko

Es gibt ein Problem bei der Verwendung von Stylish als User-Style-Injektor:
Benutzerprioritätsstufe ohne !important ist höher als Autorprioritätsstufe ohne !important

Also schreibe ich ein User-Skript als Injector:
https://github.com/zcyzcy88/SelfColle/blob/master/StyleInject.user.js

prinzip:
Der Stil "Injizieren" bei document.head.prependChild() hat vor dem Stil des Webseitenautors eine niedrigere Priorität, um eine Überlagerung des Benutzerstils zu vermeiden.

0
Sista Fiolen

Sie können Chromes CSS UI-Stil ändern. Denken Sie daran, dass sich bei Änderungen einige Effekte wie Beispiel: #footer {color:#5F5F5F !important;} auf jeder Site ändern, die #footer verwendet. Du wurdest gewarnt. Custom.css ändert fast alles in Chromes-Browsern

Windows XP Google Chrome:

C:\Dokumente und Einstellungen \% USERNAME%\Lokale Einstellungen\Anwendungsdaten\Google\Chrome\Benutzerdaten\Standard

Chrom:

C:\Dokumente und Einstellungen \% USERNAME%\Lokale Einstellungen\Anwendungsdaten\Chromium\Benutzerdaten\Default\User StyleSheets

Windows 7 oder Vista (Hilfe im Hilfebereich) Google Chrome:

C:\Benutzer \% USERNAME%\AppData\Local\Google\Chrome\Benutzerdaten\Default\User StyleSheets

Chrom:

C:\Benutzer \% BENUTZERNAME%\AppData\Local\Chromium\Benutzerdaten\Default\User StyleSheets

Mac OS X Google Chrome:

~/Bibliothek/Anwendungsunterstützung/Google/Chrome/Default/User StyleSheets

Chrom:

~/Library/Anwendungsunterstützung/Chromium/Default/User StyleSheets

Linux Google Chrome:

~/.config/google-chrome/Default/User StyleSheets

Chrom:

~/.config/chrom/Default

Chrome OS

/ home/chronos /

Willst du Proof check mein Theme für den Programmeditor http://userstyles.org/styles/95226/chrome-userstyles-editor-hacker-version-cyberat

Zögern Sie nicht, mich anzuschauen, ich erstelle UI-Stylesheets oder zufällige Websites wie Facebook google.etc und mache sie schwarz & rot.

0