::-webkit-scrollbar { height: 12px; } /* 스크롤 바 */
::-webkit-scrollbar-track { background-color:#fff; } /* 스크롤 바 밑의 배경 */
::-webkit-scrollbar-thumb { background: rgb(230, 230, 230); border-radius: 0px; } /* 실질적 스크롤 바 */
::-webkit-scrollbar-thumb:hover { background: #cacaca; } /* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
::-webkit-scrollbar-thumb:active { background: #cacaca; } /* 실질적 스크롤 바를 클릭할 때 */
::-webkit-scrollbar-button { display: none; } /* 스크롤 바 상 하단 버튼 */
'프론트엔드 > HTML · CSS · Javascript' 카테고리의 다른 글
[css] flex, gap을 이용한 박스 리스트 grid 만들기 (0) | 2021.09.27 |
---|---|
[css] 어떤 width 값에도 이미지 비율 유지하기 (0) | 2021.07.09 |
메타태그 작성할때 팁 (0) | 2021.02.04 |
[CSS] 연결이 잘 되었음에도 CSS가 먹지 않을 때 (0) | 2021.02.01 |
[추천사이트] Beautify (뷰티파이) (0) | 2021.02.01 |