[Vuejs]-Styling the default scrollbar in Vue

by

1👍

✅

all of the ::webkit-scrollbar-* pseudo-elements can only work if at least 1 CSS attribute is defined in the "entire scrollbar" pseudo-element ::webkit-scrollbar

Try them together:

::-webkit-scrollbar {
  width: 10px;
}
 
::-webkit-scrollbar-thumb {
   border-radius: 2px;
  /* background-color: rgba(0,0,0,.5); */
  background-color: #00FF01;
  color: #00FF01;
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
👤yoduh

Leave a comment