프론트엔드/HTML · CSS · Javascript
스크롤바 css
경호!
2021. 3. 15. 14:13
::-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; } /* 스크롤 바 상 하단 버튼 */