css - Google Chrome ブラウザのスクロールバーのスタイリング

Question

私はいくつかのcssトリックの質問（および別のトピックのjqueryトリック）を投稿して知識を共有し、それに答えようとしています。
ここでは、Google Chrome ブラウザーのスクロールバーのスタイリングを扱っています。

Answer 1

次の CSS ルールを追加するだけです。

1. ::-webkit-scrollbar
2. ::-webkit-scrollbar-button
3. ::-webkit-scrollbar-track
4. ::-webkit-scrollbar-track-piece
5. ::-webkit-scrollbar-thumb
6. ::-webkit-scrollbar-corner
7. ::-webkit-resizer

各ルールの機能は次のとおりです。