[CSS] 티스토리 스크롤바 스타일 변경

 

CSS 코드

아래 코드를 복사하고, 설정 > 스킨 편집 >CSS에 들어가서 @font-face 아래 부분에 붙여넣는다.

  

    
    
    
    
  
::-webkit-scrollbar {
    width: 10px; /* 세로축 스크롤바 길이 */
    height: 20px; /* 가로축 스크롤바 길이 */
}

/* Top, Left 방향의 이동버튼 */
::-webkit-scrollbar-button:start {
    background-color: white;
}

/* Bottom, Right 방향의 이동버튼 */
::-webkit-scrollbar-button:end {
    background-color: white;
}

/* 스크롤 바 배경 색상 */
::-webkit-scrollbar-track-piece {
    background-color: white;
}

/* 스크롤 바 색상 */
::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: gray; /* 원하는 색상 입력 */
}

 

 

 

변경 전 & 변경 후

 

[변경 전]

 

[변경 후]