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?
google-chrome
css
George IV
quelle
quelle
Antworten:
(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 (wie Stylus * 1) zu verwenden. Diese verhalten sich jedoch anders (siehe unten).
Die wichtigste Anforderung für die Wiedereinführung echter 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
!important
Benutzer Sheet - Regeln haben höhere Herkunft Spezifität als!important
Autor der Regel unabhängig von ihren Wählern Spezifität .Erweiterungen, die Benutzer-Style-Sheets in Chrome imitieren, fügen (hoffentlich) einfach das letzte Style-Element in die Seite ein, was einige Konsequenzen hat:
!important
Regel eine höhere Spezifität aufweist als diejenige, die Sie überschreiben möchten* 1 Die Originalerweiterung Stylish befindet sich derzeit (2017) in einem unregelmäßigen Entwicklungsstadium durch einen neuen Mainetainer. Ich rate daher, sie zu vermeiden und alternative Stylus wie den oben genannten zu verwenden.
(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
. Dies wird erstellen,<user-data-dir>/<profile>/User StyleSheet/Custom.css
die Sie verwenden können (Änderungen werden sofort weitergegeben). http://code.google.com/p/chromium/issues/detail?id=2393quelle
Custom.css
und dieUser Stylesheets
existieren nicht mehr)Sie können sich diese Diskussion ansehen: Problem 2393: Benutzer-Stylesheet unterstützen
Ganz am Ende wird erwähnt, dass der
--enable-user-stylesheet
Parameter beim Starten von Chrome benutzerdefinierte Stylesheets aktivieren würde.quelle
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:
Mit diesem Artikel können Sie anscheinend
loslegen: SO WIRD'S GEMACHT: Installieren von Google Chrome Greasemonkey-Skripten (nur Windows)
quelle
<style>
Code vom Blockzitat auf den Code umgestellt, damit Sie sich keine Gedanken über die "zusätzlichen Leerzeichen" machen müssenWenn Sie bestimmte Websites anpassen möchten , können Sie Benutzerskripts im Greasemonkey-Stil verwenden .
quelle
Sie können den CSS-UI-Stil ändern.
#footer {color:#5F5F5F !important;}
Denken Sie daran, dass sich einige Effekte wie Beispiel: auf jeder Site ändern, die #footer verwendet, wenn Sie sie ändern . Du wurdest gewarnt. Custom.css ändert fast alles in Chromes-BrowsernWindows XP Google Chrome:
Chrom:
Windows 7 oder Vista (Hilfe im Hilfebereich) Google Chrome:
Chrom:
Mac OS X Google Chrome:
Chrom:
Linux Google Chrome:
Chrom:
Chrome OS
Willst du Proof checke 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 Sites wie Facebook google.etc und mache sie schwarz & rot.
quelle
Bei der Verwendung von Stylish als Injektor im
Benutzerstil tritt
!important
ein Problem auf : Die Benutzerprioritätsstufe ohne ist höher als die Autorenprioritätsstufe ohne!important
Also schreibe ich ein User-Skript als Injector:
https://github.com/zcyzcy88/SelfColle/blob/master/StyleInject.user.js
Prinzip:
Injizieren des Stils unter
document.head.prependChild()
hat vor dem Stil des Webseitenautors eine niedrigere Priorität, um eine Überlagerung des Benutzerstils zu vermeiden.quelle
document.head.prependChild()
, um Userstyle-Overlays zu vermeiden.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, um einige schlechte Stilwahlen in JIRA zu korrigieren (und mehr Anzeigen auszublenden - 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.
quelle
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 in den Seitenkopf einfügt, wenn es keine Stylesheets enthält. 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:
quelle
Benutze Stylebot.
Chrom
Bibliothek mit Benutzerskripten
Passen Sie für Firefox Ihr Web an
quelle