Vuetify slider: Change mouse cursor to pointer on hover and click

Question

Is there a way in vuetify to change the mouse cursor, when hovering over or clicking on the blue circular button element of the slider (v-slider)?

This is what it looks / behaves right now:

This is the way I want it to look / behave like:

I tried inline style, but it doesn't work: style="cursor: pointer"

Answer 1

There is no props available to change cursor. Possible way to change cursor to add css to .v-slider__thumb class

.v-slider__thumb{
  cursor:grabbing;
  height:42px;
  width:42px;
}

Codepen : https://codepen.io/anon/pen/XGOqWm