[CSS] Scrollbar 바꾸기 (스크롤바)

/*scoll-style*/
::-webkit-scrollbar{width: 17px;}/*전체의 width값*/
::-webkit-scrollbar-thumb{
	background-color: var(--primary);/*막대의 색상 지정*/
   	border-radius: 12px;
    /*thunb와 track사이의 공간 만들기(padding과 margin은 적용X)*/
	background-clip: padding-box;
	border: 3px solid transparent;
	
}
body::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 1);/*배경 컬러지정*/
}

::webkit-scrollbor 스크롤바 전체 (스크롤 감싸는 전체)

::-webkit-scrollbar-thumb 스크롤 막대 (막대)

::-webkit-scrollbar-track 스크롤 막대 외부 (배경)

 

<결과>

스크롤바 변경