如何减少html中滚动条的高度？

Question

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

  }
 /* Track */
   ::-webkit-scrollbar-track {
     background: #888; 
    }

 /* Handle */
 ::-webkit-scrollbar-thumb {
    background: #e51837; 
  }

  /* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
    background: #e51837; 
  }

所以在这里我可以提到滚动条的宽度，但是对于高度来说，它是行不通的。有人可以告诉我如何更改滚动条的高度吗？