Css changes the scroll bar style of Google's browser, css Google scroll bar style

Css changes the scroll bar style of Google's browser, css Google scroll bar style

 

For details, click

 

/* --- Default display style of the scroll bar -- */:-webkit-scrollbar-thumb {height: 50px; outline-offset:-2px; outline: 2px solid # fff; -webkit-border-radius: 4px; border: 2px solid # fff;}/* --- click the scroll bar to display the style -- */:-webkit-scrollbar-thumb: hover {height: 50px;-webkit-border-radius: 4px;}/* --- scroll bar size -- */:-webkit-scrollbar {width: 8px; height: 8px ;} /* --- scroll box background style -- */:-webkit-scrollbar-track-piece {-webkit-border-radius: 0 ;} ======================================

:-Webkit-scrollbar-track {background-color: # b46868;}/* slide rail background color of the scroll bar */:-webkit-scrollbar-thumb {background-color: rgba (0, 0, 0, 0.2);}/* slider color */:-webkit-scrollbar-button {background-color: #7c2929 ;} /* the color of the listening button at both ends of the slide */:-webkit-scrollbar-corner {background-color: black;}/* the color of the tip at the intersection of the horizontal scroll bar and the vertical scroll bar */

 

For more html5 content, click