Windows 8でスクロールバーの色を変更することはできますか?


11

多くのコンテンツを含むWebページを閲覧しているとき、クリック可能な部分の位置と背景のコントラストが低いため、スクロールバーを見つけるのが難しいことがよくあります。

スクロールバーのクリック可能な部分の色を変更して、見やすくする方法があったら、すばらしいと思います。これは可能ですか?


十分な10分間
見回した

Decor8(stardock.com/products/decor8/index.asp)を試してください。サポートしていない場合は、機能をリクエストして、開発者が追加してくれることを期待してください。
magicandre1981

@ magicandre1981私は、Decor8の機能セットがWin8のスタート画面に焦点を当てているように思えますが、デスクトップアプリ(特にChrome)とその配色に注目しています。
khrave 2012年

回答:


5

スクロールバーの色は、Windowsテーマによって定義されます。

ブラウザの場合は、カスタムCSSを使用できます。あなたの場合、Google Chromeの場合、拡張機能「スタイリッシュ」をインストールし、次のコードで新しいスタイルを追加できます。

body {
    position: absolute;
    top:20px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding: 0px; 
    overflow-y: scroll;
    overflow-x: hidden;
}

::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {background: rgba(255,0,0,0.4); }

オプションで、スタイルをさらに改善できます。

html { overflow: auto; }

ありがとう!これは私の質問に答え、CSSを少しいじった後、自分の好みに合わせて調整できると思います。いい答えです。
khrave

私は同じ問題を抱えていますが、ブラウザだけでなく他のプログラムでも同じです。すべてのウィンドウのスクロールバーをカバーするソリューションが欲しいです。
Joe
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.