Optimize Scroll Bar HTML

Question

I want to change the color , width or height of the scroll bar in the browser when I run my web application

I have tried many methods and see many examples but it's not working like this :

Note : I tried on Google-Chrome , Firefox , microsoft-edge and IE.

Answer 1

These will work for chrome, just a sample css :

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}

::-webkit-scrollbar-thumb {
    background-color: #ccc;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
    cursor: pointer;
}