{{$t(tab)}} Disable hover effect of v-checkbox in Vuetify 2-PHP Chinese Network Q&A
Disable hover effect of v-checkbox in Vuetify 2
P粉826429907
P粉826429907 2023-09-03 20:25:54
0
1
396

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.

P粉826429907
P粉826429907

reply all (1)
P粉248602298

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] } } })
   
{{tab}} Tooltip text
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template
    About us Disclaimer Sitemap
    php.cn:Public welfare online PHP training,Help PHP learners grow quickly!