Style scrollbar overflow-y

.large-2 {
  margin-left: 30px;
  float: left;
  height: 300px;
  overflow-y: scroll;
  margin-bottom: 25px;
  width: 100px;
  background: #ccc;
}

.force-overflow {
  min-height: 450px;
}

.large-2::-webkit-scrollbar-track {
  border: 1px solid #000;
  padding: 2px 0;
  background-color: #404040;
}

.large-2::-webkit-scrollbar {
  width: 10px;
}

.large-2::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #737272;
  border: 1px solid #000;
}

Source: stackoverflow.com

Similar codes

0 vote198 views1 answer
Ignore default css for react Link
CSS
1 vote211 views1 answer
How to set the first column of the table in center in css
CSS
0 vote187 views1 answer
How to remove gap between divs
CSS
7 votes258 views2 answers
Max z-index value css
CSS
17 votes207 views2 answers
Solved - gulp : File C:\Users\Tech\AppData\Roaming\npm\gulp.ps1 cannot be loaded because running scripts is disabled on this system.
CSS
18 votes276 views6 answers
Install bootstrap angular 9
CSS Bootstrap
37 votes196 views4 answers
Css circle border
CSS
2 votes216 views1 answer
Css square image
CSS
0 vote206 views1 answer
Youtube-dl forbidden
CSS
0 vote248 views1 answer
No scrollbar tailwind
CSS