CSS3でカスタムスクロールバースタイルを実装するにはどうすればよいですか? （コード）

この記事の内容は、CSS3 でカスタム スクロール バー スタイルを実装する方法についてです。 （コード）、それは特定の参考値を必要としている友人がそれを参照できることを願っています。

CSS3カスタムスクロールバースタイル
スクロールバー構成
::-webkit-scrollbar スクロールバー全体
::-webkit-scrollbar-thumb スクロールバースライダー
::-webkit-scrollbar-track スクロールバーのスライディングトラック
::-webkit-scrollbar-button スクロールバーの両端のボタン
::-webkit-scrollbar-track-piect スライダー部分を除いたスクロールバー全体

CSS コードは次のとおりです:

.content{
    over-flow:auto;
}
.content::-webkit-scrollbar{
     width:4px;     设置轨道宽度
}
.content::-webkit-scrollbar-thumb{         
    border-radius: 10px;
    background-color: #333;
    -webkit-box-shadow:inset(0px,0px,5px,#555);
}
.content::-webkit-scrollbar-track{
    border-radius:10px;
    background-color:#999;
   -webkit-box-shadow:inset(0px,0px,5px,#555);
}

関連する推奨事項:

CSS でメニューにチェックマークを実装する方法(コード)

CSS3プロパティ: text-shadowテキストシャドウの使い方

以上がCSS3でカスタムスクロールバースタイルを実装するにはどうすればよいですか? （コード）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。