web-dev-qa-db-ja.com

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

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

46
George IV

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

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

仕様ごとに、"true user stylesheet"ルールは低い Origin 固有性作成者のルールよりもカスケードで/ !importantユーザースタイルシートルールは元の固有性が高い selector 特異性に関係なく、!important作成者ルールより

Chromeのユーザースタイルシートを模倣した拡張機能は、最後のスタイル要素をページに(う​​まくいけば)挿入するだけです。

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

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


(次の元の回答は廃止されました。)

Afaik UA css自体を微調整することはできませんが、グローバルユーザースタイルを作成できます:--enable-user-stylesheetでChromeを1回開始します。これにより、使用できる<user-data-dir>/<profile>/User StyleSheet/Custom.cssが作成されます(変更はすぐに反映されます)。 http://code.google.com/p/chromium/issues/detail?id=239

34
myf

このディスカッションを見ることができます: 問題2393:サポートユーザースタイルシート

最後に、彼らは--enable-user-stylesheet開始時のパラメータChromeはカスタムスタイルシートを有効にします。

8

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

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

この記事は明らかにあなたを始めることができます:
HOW TO:GoogleのインストールChrome Greasemonkeyスクリプト(Windowsのみ)

4
harrymc

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

2
Kevin Panko

2018年にChrome> = 68.0.3440.106(そしておそらくもっと早い段階で)

私はすでにさまざまな開発用途のための拡張 Resource Override を持っていたので、これを使用して独自のスタイルシートを追加し、JIRAのいくつかの悪いスタイルの選択を修正します(そして、より多くの広告を非表示にします-へへへ)。私が使用するオプションは「ファイルの挿入」であり、非常にうまく機能します。特定のサイトでのみ機能するように 'url'設定を正規表現で試していませんが、CSSセレクターは十分に具体的で、URLを '*'のままにしておくことができます

0
eon

Chrome 65であるため、ローカルの上書きがサポートされています。リリースノートの 機能の説明 を参照してください。

0
varontron

スタイル設定されていないページにスタイルシートを提供する方法の解決策を探しているときに、この質問に出くわしました。上記の解決策のどれも私を助けませんでした09/2018 chromeは以前に削除されたカスタムスタイルシート関数をサポートしていません。

私が思いついたソリューションで、私のユースケースの魅力のように機能するのは、ページにカスタムCSSを挿入するカスタムJSスクリプトで this chrome addon を使用することです。スタイルシートがない場合はヘッダー。スタイルシートがリンクされているページでは機能しませんが、私の使用例ではそれで十分です。

これが私が使っている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);
  });
0
Maroš Beťko

ユーザースタイルのインジェクターとしてStylishを使用すると問題が発生します。
!importantなしのユーザー優先度レベルは、!importantなしの作成者優先度レベルよりも高い

だから私はインジェクターとしてユーザースクリプトを書きます:
https://github.com/zcyzcy88/SelfColle/blob/master/StyleInject.user.js

原理:
Webページの作成者のスタイルの前にdocument.head.prependChild()でスタイルを挿入すると、ユーザースタイルのオーバーレイを回避するために優先度が低くなります。

0
Sista Fiolen

Chromes 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などのランダムなサイトを作成して、それらを白黒にしてください。

0