如何在Vuetify 2中禁用v-checkbox的悬停效果

这个深色圆圈是Vuetify 2中v-checkbox默认的hover状态波纹/背景高亮效果，直接通过自定义CSS覆盖即可消除，步骤如下：

1. 给目标v-checkbox添加自定义类名，避免影响全局其他组件：

<v-tab v-for="tab in myTabList" :key="tab">
  <span>{{$t(tab)}}</span>
  <v-tooltip bottom>
    <template #activator="{ on }">
      <span v-on="on">
        <v-checkbox @click.stop class="no-hover-circle"/>
      </span>
    </template>
    <span>Tooltip text</span>
  </v-tooltip>
</v-tab>

2. 添加以下CSS样式（根据实际出现的效果选择其中一个或全部使用）：

/* 移除hover时的波纹圆圈 */
.no-hover-circle .v-input--selection-controls__ripple {
  display: none !important;
}

/* 移除hover时的背景高亮（如果深色圆圈是背景） */
.no-hover-circle:hover .v-input--selection-controls__input {
  background-color: transparent !important;
}

内容的提问来源于stack exchange，提问作者nerfherder616