☰

修正する:

tag-icon • tag-icon chrome browser
修正する:

追加の拡張機能をインストールせずにChromiumブラウザのスクロールバーの色を変更できますか？

たぶんCSSファイルをどこかで修正すればい​​いですか？

私はDebian 10からChrome 83を使用しています。

私はFirefoxでこれを行う方法を知っています。次の行を追加しました。userContent.css

html,body{
    scrollbar-color: #B63C29 #555555 !important;
}

Chromiumで同じ効果を得るために同様のことを行うことはできますか？

修正する:

次の回避策を試しましたが、役に立ちません。

  1. ディレクトリを作成しました~/.config/chromium/Default/User StyleSheets/
  2. Custom.cssその中にファイルを作成してください
  3. テストするには、次のコードを追加してください。
    .scrollable-element {
      scrollbar-color: red yellow;
    }

何もありません。効果はありません。

誰かが私に簡単なことを教えてもらえますか？布材スクロールバーを赤色にするにはどうすればよいですか？

答え1

他の方法が機能しない場合は、ある種の拡張機能を使用する必要があります。に基づいてこの問題そしてこの回答そしてこれ私はこれをしました：

$ mkdir CustomCSS && cd CustomCSS
$ cat > manifest.json << EOF
 
{
    "name": "My Style Sheet",
    "content_scripts": [
        {
          "matches": ["*://*/*"],
          "css": ["Custom.css"]
        }
    ],
    "version": "1.0.0",
    "description": "User StyleSheet replacement",
    "manifest_version": 2
}
EOF

$ cat > Custom.css << EOF
 
::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: yellow;
}
 
::-webkit-scrollbar-thumb {
    background: red;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
 
::-webkit-scrollbar-corner {
    background: #000;
}
EOF

chrome://extensions開発者モードがオンの場合：解凍された拡張機能のロード - >パス/ to / CustomCSSの選択

それはすべてです。効果がある黄色の背景に赤いスクロールバー。

確認の結果、 chrome://memory約1.8MiBのメモリを使用することがわかりました。

-

Ed：サイトスタイルをオーバーライドするには、次を試してください。!importantルール

background: red !important;

答え2

はい、可能です。

!ddgクロームスクロールバーカラー

Chromeでスクロールバーを別の色に変更するには？

Chromeでスクロールバーのスタイルと色を変更する方法

Google Chrome（-webkit）でCSSを使用してスクロールバースタイルを設定する

他の人は上記のリンクを見つけました。

Google ChromeまたはChrome

Google Chromeは、プロフィールフォルダまたはユーザープロファイルフォルダから編集できるユーザースタイルシートを提供します。 Chromium/Linux では ~/.config/chromium/Default/User StyleSheets/Custom.css にあります。 Google Chromeの場合は、~/.config/google-chrome/Default/User StyleSheets/にあります。 MS Windows では、この場所は %AppData%\Local\Google\Chrome\User Data\Default\User StyleSheets です。これはブラウザのバージョンとオペレーティングシステムによって異なりますが、システムの/Default/User StyleSheets/フォルダの下の設定フォルダを確認してください。また、Custom.cssというファイルがない場合は、User StyleSheets /フォルダにファイルを作成する必要があります。

Webブラウザでカスタムまたはユーザースタイルシート（CSS）を使用する方法。

関連情報