リンクの下線の削除など、Chromeで使用されるデフォルトのCSSを変更したいのですが、Chromeで使用されるデフォルトのCSSファイルが見つかりません。誰かがそれがどこにあるか知っていますか?
(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
このディスカッションを見ることができます: 問題2393:サポートユーザースタイルシート
最後に、彼らは--enable-user-stylesheet
開始時のパラメータChromeはカスタムスタイルシートを有効にします。
リンクの下線をオフにするすべてのHTMLページにスタイルエントリを追加するGreasemonkeyスクリプトを使用することは、私が考えることができる唯一の解決策です。何かのようなもの:
<style> a {text-decoration:none} </style>
この記事は明らかにあなたを始めることができます:
HOW TO:GoogleのインストールChrome Greasemonkeyスクリプト(Windowsのみ)
特定のWebサイトのカスタマイズに興味がある場合は、 greasemonkeyスタイルのユーザースクリプト を使用できます。
2018年にChrome> = 68.0.3440.106(そしておそらくもっと早い段階で)
私はすでにさまざまな開発用途のための拡張 Resource Override を持っていたので、これを使用して独自のスタイルシートを追加し、JIRAのいくつかの悪いスタイルの選択を修正します(そして、より多くの広告を非表示にします-へへへ)。私が使用するオプションは「ファイルの挿入」であり、非常にうまく機能します。特定のサイトでのみ機能するように 'url'設定を正規表現で試していませんが、CSSセレクターは十分に具体的で、URLを '*'のままにしておくことができます
Chrome 65であるため、ローカルの上書きがサポートされています。リリースノートの 機能の説明 を参照してください。
スタイル設定されていないページにスタイルシートを提供する方法の解決策を探しているときに、この質問に出くわしました。上記の解決策のどれも私を助けませんでした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);
});
ユーザースタイルのインジェクターとしてStylishを使用すると問題が発生します。!important
なしのユーザー優先度レベルは、!important
なしの作成者優先度レベルよりも高い
だから私はインジェクターとしてユーザースクリプトを書きます:
https://github.com/zcyzcy88/SelfColle/blob/master/StyleInject.user.js
原理:
Webページの作成者のスタイルの前にdocument.head.prependChild()
でスタイルを挿入すると、ユーザースタイルのオーバーレイを回避するために優先度が低くなります。
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などのランダムなサイトを作成して、それらを白黒にしてください。