몽땅뚝딱 개발자

[CSS] 스크롤에 색상/너비/배경색 주기 본문

Development/HTML · CSS

[CSS] 스크롤에 색상/너비/배경색 주기

레오나르도 다빈츠 2022. 6. 25. 18:54

 

&__textarea {
  // ..
  overflow-y: scroll;

  &::-webkit-scrollbar {
    width: 4px; /* 스크롤바의 너비 */
  }

  &::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: $kpi-black30; /* 스크롤바의 색상 */
  }

  &::-webkit-scrollbar-track {
    background-color: $fade; /* 스크롤바 트랙 색상 */
  }
}

 

저작자표시

'Development > HTML · CSS' 카테고리의 다른 글

[CSS] z-index / z-index가 적용되지 않을 때  (0) 2022.08.28
[Javascript] ES5의 프로토타입(prototype) / ES6+의 클래스(class)  (0) 2022.08.20
[CSS] attr() 사용하기  (0) 2022.06.18
[CSS] border를 div 안쪽으로 넣기  (0) 2022.06.12
[CSS] 이미지 비율맞춰 가운데로 넣기  (0) 2022.05.26
'Development/HTML · CSS' Related Articles more
Comments

티스토리툴바