Google ChromeのデフォルトのCSSを変更する

リンクの下線を削除するなど、Chromeが使用するデフォルトのCSSを変更できるようにしたいのですが、Chromeが使用するデフォルトのCSSファイルが見つかりません。誰がそれがどこにあるか知っていますか？

（2014年更新）ユーザースタイルシートのサポートは最近 Google Chromeから削除されたため、この時点での唯一のオプションは拡張機能（スタイラス * 1など）を使用することですが、これらは異なる動作をします（以下を参照）。

Google Chromeに真のユーザースタイルシートを再導入するための最も関連性の高いリクエストは、問題347016：ユーザースタイルシートのサポートです。

仕様ごとに、カスケードにおける「真のユーザースタイルシート」ルールは、作成者ルールよりも低い起源特異性を!important持ちますが、ユーザースタイルシートルールは、セレクターの特異性に関係なく、著者ルールよりも高い起源特異性を持ちます。!important

Chromeのユーザースタイルシートを模倣する拡張機能は、（できれば）最後のスタイル要素をページに挿入するだけで、結果は次のようになります。

• このようなスタイルはカスケードの「作成者レベル」にあるため、!importantルールに、オーバーライドするものよりも高い特異性があることを確認する必要があります
• 「あなたの」インジェクトされたスタイルはページスクリプトに公開されるため、自由に削除できます。

* 1元の拡張機能であるStylishは現在（2017）、新しいメインテナーによる不安定な開発の状態にあるため、それを避け、前述のスタイラスのような代替手段を使用することをお勧めします。

（元の回答を追うのは今では時代遅れです。）

UACS自体を調整することはできませんが、グローバルユーザースタイルを作成できます--enable-user-stylesheet。これにより、<user-data-dir>/<profile>/User StyleSheet/Custom.css使用可能なものが作成されます（変更はすぐに反映されます）。 http://code.google.com/p/chromium/issues/detail?id=2393

あなたはこの議論を見ることができます：問題2393：サポートユーザースタイルシート

最後に、彼らは--enable-user-stylesheetChromeを起動するときのパラメータがカスタムスタイルシートを有効にするだろうと述べています。

私が考えることができる唯一の解決策は、リンクのアンダーラインをオフにするすべてのhtmlページにスタイルエントリを追加するGreasemonkeyスクリプトを使用することです。何かのようなもの：

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

どうやら、この記事を読み始めることができます
：方法：Google Chrome Greasemonkeyスクリプトのインストール（Windowsのみ）

特定のWebサイトのカスタマイズに興味がある場合は、greasemonkeyスタイルのユーザースクリプトを使用できます。

クロームcss uiスタイルを変更できます。変更した場合、例：のようないくつかの効果#footer {color:#5F5F5F !important;}は、＃footerを使用するすべてのサイトで変更されます。あなたは警告を受けました。Custom.cssはChromeブラウザのほとんどすべてを変更します

Windows XP Google Chrome：

C：\ Documents and Settings \％USERNAME％\ Local Settings \ Application Data \ Google \ Chrome \ User Data \ Default

クロム：

C：\ Documents and Settings \％USERNAME％\ Local Settings \ Application Data \ Chromium \ User Data \ Default \ User StyleSheets

Windows 7またはVista（ヘルプセクションのヘルプ）Google Chrome：

C：\ Users \％USERNAME％\ AppData \ Local \ Google \ Chrome \ User Data \ Default \ User StyleSheets

クロム：

C：\ Users \％USERNAME％\ AppData \ Local \ Chromium \ User Data \ Default \ User StyleSheets

Mac OS X Google Chrome：

〜/ライブラリ/ Application Support / Google / Chrome / Default / User StyleSheets

クロム：

〜/ライブラリ/ Application Support / Chromium / Default / User StyleSheets

Linux Google Chrome：

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

クロム：

〜/ .config / chromium / Default

Chrome OS

/ home / chronos /

プログラムエディターhttp://userstyles.org/styles/95226/chrome-userstyles-editor-hacker-version-cyberatのテーマを確認してください

気軽にチェックして、UIスタイルシートまたはfacebook google.etcなどのランダムサイトを作成し、黒と赤にします。

使用上の問題がありスタイリッシュ：ユーザースタイルの注射器など
を持たないユーザーの優先度レベルが!importantより高くなることなく、著者の優先度レベルは、!important

そこで、インジェクターとしてユーザースクリプトを作成します：https :
//github.com/zcyzcy88/SelfColle/blob/master/StyleInject.user.js

原則：
注入するスタイルではdocument.head.prependChild()、Webページの作成者のスタイルの前に、ユーザー・スタイルのオーバーレイを避けるために、低い優先順位を持っています。

2018年、Chrome> = 68.0.3440.106（およびおそらくそれ以前）

さまざまな開発用途向けにリソースオーバーライドの拡張機能を既に持っていたので、それを使用して独自のスタイルシートを追加し、JIRAでの不適切なスタイルの選択を修正します（さらに多くの広告を非表示にします）。私が使用するオプションは「Inject File」であり、非常にうまく機能します。私は特定のサイトでのみ動作するように「url」設定を正規表現しようとしませんでしたが、私のCSSセレクターは十分に具体的であるため、URLを「*」のままにしておくことができます

スタイル設定されていないページにスタイルシートを提供する方法に関する解決策を探しているときに、この質問に出会いました。2018年9月現在、クロムは以前に削除されたカスタムスタイルシート関数をサポートしていませんので、上記のソリューションはどれも私を助けませんでした。

私が思いついた解決策は、このクロムアドオンをカスタムjsスクリプトと共に使用して、スタイルシートがない場合にページのヘッダーにカスタムcssを挿入することで、ユースケースの魅力のように機能します。スタイルシートがリンクされているページでは機能しませんが、私のユースケースではそれで十分です。

私が使用しているJSスクリプトは次のとおりです。

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

Stylebotを使用します。

クロム

ユーザーのスクリプトのライブラリ

Firefoxの場合、Webをカスタマイズします