how to increase scroll bar width when mouse over

I am trying to increase my body scroll bar width using below code.

    <body class="expanScrollWidth">
<div>My page Content</div>
</body>

I tried to do this using below CSS class

.expanScrollWidth::-webkit-scrollbar:hover{
    width: 20px !important;
}

my second effort

  body::-webkit-scrollbar:hover{
    width: 20px !important;
}

both are not working. Can you help me to do this.

25 thoughts on “how to increase scroll bar width when mouse over”

Leave a Comment