[CSS] 스크롤 커스텀

 

 

초록색 영역 (::webkit-scrollbar-thumb : 스크롤 막대)

회색 영역 (::webkit-scrollbar-track : 스크롤 막대 외부)

초록색+회색 영역 (::webkit-scrollbar : 스크롤바 전체)

 

 

 

 

//스크롤될 영역
.listBox-list ol {
  width: 50%;
  height: 164px;
  overflow-x: hidden;
  overflow-y: scroll;
}

//스크롤바 전체 width값 지정
.listBox-list ol::-webkit-scrollbar {
  width: 12px;
}

//스크롤바 막대 색 지정
.listBox-list ol::-webkit-scrollbar-thumb {
  background-color: rgb(197, 213, 170);
}

//스크롤바 막대 외부 색 지정
.listBox-list ol::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}