CSS3

疑似クラス

:window-inactive

[Edge]○？。→Webkit（en-US）、mdn（en-US）

すべてのスクロールバー部分に適用され、スクロール バーを含むウィンドウが現在アクティブであるかどうかを示します。（最近の夜間¶(nightlies)では、この疑似クラスは :: selection にも適用されます。任意のコンテンツで機能するように拡張し、新しい標準疑似クラスとして提案する予定です。）¶そのスクロール バーを含むウインドウが非アクティブに適用のようだ。

以下のCSSが組み込んであります：

<DIV style="width:100px; height:100px; overflow:scroll; border:1px solid red;
">ああああああ
</DIV>

<DIV class=Test style="width:100px; height:100px; overflow:scroll; border:1px solid red; font-size:20px; resize:both;
">ああああああああああああああああああああ
</DIV>

関連

::-webkit-scrollbar、::-webkit-scrollbar-button、::-webkit-scrollbar-thumb、::-webkit-scrollbar-track、::-webkit-scrollbar-track-piece、::-webkit-scrollbar-corner、::-webkit-resizer疑似要素。

テスト