Стилизация прокрутки в Chrome и Mozilla

10 Января 2020 16:23

.wrapper {
  width: 300px;
  height: 200px;
  background-color: red;
  overflow-y: auto;
}
.element {
  width: 200px;
  height: 500px;
  background-color: green;
}
 
::-webkit-scrollbar {
    height: 10px;
    width: 6px;
    background: #fff;
}
 
::-webkit-scrollbar-thumb {
    background: #616161;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
 
::-webkit-scrollbar-corner {
    background: #fff;
}