Standard-CSS von Google Chrome ändern

(Update 2014) Da die Unterstützung von User Stylesheets kürzlich von Google Chrome entfernt wurde, ist die einzige Option für diesen Moment die Verwendung von Erweiterungen (wie Stylus * 1). Diese werden sich jedoch anders verhalten (siehe unten).

Die relevanteste Anforderung zur Wiedereinführung von echten Benutzer-Stylesheets in Google Chrome ist Ausgabe 347016: Benutzer-Stylesheets unterstützen .

Per Spezifikation, „true Benutzer Sheet“ Regel hat niedrigeren Ursprung Spezifität in Kaskade als Autor Regel, aber !importantBenutzer Sheet - Regeln haben höhere Herkunft Spezifität als !importantAutor der Regel unabhängig von ihren Wählern Spezifität .

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

• Ein solcher Stil ist in der Kaskade auf der "Autor-Ebene". Sie müssen also sicherstellen, dass Ihre !importantRegel eine höhere Spezifität aufweist als die, die Sie überschreiben möchten
• "Ihr" injizierter Stil wird mit Seitenskripten angezeigt, so dass sie ihn nach Belieben löschen können.

* 1 Originalerweiterung, Stylish, befindet sich derzeit (2017) im Zustand der unregelmäßigen Entwicklung durch einen neuen Mainetainer. Ich würde daher raten, dies zu vermeiden und Alternativen wie den oben genannten Stylus zu verwenden.

(Die folgende Antwort ist veraltet.)

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

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

Ganz am Ende erwähnen sie, dass der --enable-user-stylesheetParameter beim Starten von Chrome benutzerdefinierte Stylesheets aktivieren würde.

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 </style> 

In diesem Artikel können Sie anscheinend den Anfang machen: So wird's gemacht
: Installieren Sie Google Chrome Greasemonkey-Skripts (nur Windows)

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

Sie können den Chrom-CSS-Stil ändern. #footer Denken Sie daran, wenn Sie es ändern, einige Effekte wie "Beispiel: " ändern sich auf jeder Site, die #footer verwendet. Du wurdest gewarnt. Custom.css verändert fast alles in Chromes Browsern

Windows XP Google Chrome:

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

Chrom:

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

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

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

Chrom:

C: \ Users \% USERNAME% \ AppData \ Local \ Chromium \ User Data \ Default \ User StyleSheets

Mac OS X Google Chrome:

~ / Library / Anwendungssupport / 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 /

Möchten Sie einen Beweis für mein Programm für den Programmeditor http://userstyles.org/styles/95226/chrome-userstyles-editor-hacker-version-cyberat?

Fühlen Sie sich frei, mich anzuschauen, ich erstelle UI Style Sheets oder zufällige Websites wie Facebook google.etc und mache sie schwarz und rot.

Es gibt ein Problem bei der Verwendung von Stylish als benutzergesteuerter Injektor: Die
Benutzerprioritätsstufe ohne!important ist höher als die Autorenprioritätsstufe ohne!important

Also schreibe ich ein Benutzerskript als Injektor:
https://github.com/zcyzcy88/SelfColle/blob/master/StyleInject.user.js

Prinzip: Der
Stil "Inject" document.head.prependChild()vor dem Autor des Webseitenautors hat eine niedrigere Priorität, um eine Überlagerung durch den Benutzerstil zu vermeiden.

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

Ich hatte bereits die Erweiterung " Resource Override" für verschiedene Entwicklungszwecke. Daher füge ich jetzt ein eigenes Stylesheet hinzu, um einige schlechte Stileinstellungen in JIRA zu korrigieren (und um weitere Anzeigen zu verbergen - heh heh). Die Option, die ich verwende, ist "Inject File" und funktioniert sehr gut. Ich habe nicht versucht, die Einstellung 'url' auszudrucken, damit sie nur auf bestimmten Websites funktioniert. Meine CSS-Selektoren sind jedoch so spezifisch, dass ich die URL einfach als '*' belassen kann.

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

Die Lösung, die ich mir ausgedacht habe und die wie ein Charme für meinen Anwendungsfall funktioniert, wird erreicht, indem dieses Chrome-Addon mit einem benutzerdefinierten Js-Skript verwendet wird, das meine benutzerdefinierte CSS in den Header der Seite einfügt, wenn es keine Stylesheets enthält. Es funktioniert nicht auf einer Seite, auf die ein Stylesheet verlinkt ist, aber für meinen Anwendungsfall reicht es aus.

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); }); 

Verwenden Sie Stylebot.

Chrom

Bibliothek von Benutzerskripten

Passen Sie für Firefox Ihr Web an