Css _ scroll bar style and css scroll bar style
/* The overall part of the scroll bar defines the size of the scroll bar corresponding to the height and width of the scroll bar and the background respectively */
:-Webkit-scrollbar
{
Width: 12px;
}
/* Track shadow + rounded corner of the scroll bar */
:-Webkit-scrollbar-track
{
-Webkit-box-shadow: inset 0 6px # 929C9C;
-Webkit-border-radius: 5px;
Border-radius: 5px;
}
/* Shadow + rounded corner in the slider in the scroll bar */
:-Webkit-scrollbar-thumb
{
-Webkit-border-radius: 5px;
Border-radius: 5px;
Background: inset 0 0 6px #00ABA2;
-Webkit-box-shadow: inset 0 0 6px #00ABA2;
}
/* When the focus is not in the status of the slider in the current area */
:-Webkit-scrollbar-thumb: window-inactive
{
Background: rgba (0.4, 0 );
}
/* Top half or left half of the scroll bar
:-Webkit-scrollbar-track-piece: start
{
Background: rgba (100, 0.4 );
}*/
:-Webkit-scrollbar-thumb: hover
{
-Webkit-border-radius: 6px;
Border-radius: 5px;
Background: inset 0 0 6px #00ABA2;
-Webkit-box-shadow: inset 0 0 8px #00ABA2;
}