CSS3

疑似要素

::-webkit-scrollbar-corner

[Edge]非標準。→mdn（en-US）

スクロール バーのバーが融合する角の部分¶。

非標準： この機能は非標準であり、標準の軌道に乗っていません。Webに面している実稼働サイトでは使用しないでください。すべてのユーザーに対して機能するとは限りません。また、実装間に大きな非互換性があり、動作が将来変更される可能性があります。

overflow:scroll がある場合、要素のスクロール バーのスタイルに影響します。設定。

注： overflow:scroll; が設定されていない場合、スクロールバーは表示されません。

注： ::-webkit-scrollbarは、BlinkベースおよびWebKitベースのブラウザー（Chrome、Edge、Opera、Safari、iOS上のすべてのブラウザーなど）でのみ使用できます。スクロール バーのスタイルを設定する標準化された方法は、scrollbar-color と scrollbar-width で使用できます。

以下の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;
">あああああああああああああああ
</DIV>

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

関連

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

テスト