When hovering over a v-checkbox in Vuetify 2, a dimmed circle appears behind the checkbox. I want it to not show up. Currently, my v-checkbox is wrapped in v-tab and v-tooltip. I doubt it matters, but it's possible.
{{$t(tab)}} Tooltip text
I tried wrapping it in v-hover and using the disabled attribute, but with no success.
This is the ripple effect, you can turn it off using the
:rippleproperty:The following is an example:
new Vue({ el: '#app', vuetify: new Vuetify(), data() { return { myTabList: [1, 2, 3] } } })