How to style custom scrollbars with css

css로 스크롤바 커스텀 스타일링 하는 방법

• ::-webkit-scrollbar — 전체 스크롤바.
• ::-webkit-scrollbar-button — 스크롤바의 버튼 (위쪽과 아래쪽을 가리키는 화살표).
• ::-webkit-scrollbar-thumb — 드래그 가능한 스크롤 핸들.
• ::-webkit-scrollbar-track — 스크롤바의 트랙 (진행률 표시 줄).
• ::-webkit-scrollbar-track-piece — 핸들로 덮이지 않은 트랙 (진행률 표시 줄) 부분.
• ::-webkit-scrollbar-corner — 가로 및 세로 스크롤바가 모두 만나는 스크롤바의 하단 모서리.
• ::-webkit-resizer — 일부 요소의 하단 모서리에 표시되는 드래그 가능한 크기 조정 핸들

ie, firefox는 지원되지 않는다.