Scrollbar horizontal has not applying CSS

Question

I applied CSS for scrollbar but its not working on horizontal scrollbar. I applied already in CSS file for body::scrollbar but applied only vertical scrollbar in reactjs.

I already applied CSS but its working only on vertical scroll.

Answer 1

Use this for scrollbar

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

Height will give you what you wanted. Change 'px' according to your need.

Answer 2

Here is an example :

body::-webkit-scrollbar-thumb {
  background-color: #000000;
  width: 10px;
  height: 10px;
  border-radius: 10px;
}