html - スクロールバーのスタイルをulに入れる方法

Question

ul タグの div に配置されている特定の画像があります。3 つ以上の画像でスクロール バーが表示されます。スクロールバーにスタイルを適用できるチャンス。

Answer 1

Webkit ブラウザーのスクロールバーのスタイルを設定できます

css: Chrome と Safari に適用可能

  ::-webkit-scrollbar {
      width: 15px;
}

::-webkit-scrollbar-track {
      background-color: #b46868;
} 
::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.2);
} 
::-webkit-scrollbar-button {
      background-color: #7c2929;
} 
::-webkit-scrollbar-corner {
      background-color: black;
} 

少し異なる Internet Explorer のスタイリング:

body {
    scrollbar-face-color: #b46868;
}

これらは Webkit 以外のブラウザーでは機能しないことに注意してください。ex firefox です。Webkit 以外のブラウザの場合は、jquery プラグインを使用する必要があります。

詳細については、このサイト http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-styling-scrollbars-to-match-your-ui-design/を参照してください。