Vue+Vuetify开发：如何移除v-btn__overlay的opacity属性？

你遇到的问题大概率是Vue的scoped样式隔离导致选择器无法穿透到Vuetify组件内部元素，或者选择器优先级不足。试试下面几种方案：

• 使用深度选择器（推荐）
  如果你的<style>标签加了scoped属性，必须用深度选择器才能修改子组件内部的样式。Vue 2可用/deep/，Vue 3推荐用::v-deep：

  ::v-deep .v-btn--active > .v-btn__overlay,
  ::v-deep .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
      opacity: 1 !important;
  }
  

  要是只想全局移除所有v-btn__overlay的opacity效果，直接写：

  ::v-deep .v-btn__overlay {
      opacity: 1 !important;
  }
  

• 调整选择器层级
  有时候直接子选择器>可能因为DOM结构细微变化失效，换成后代选择器试试：

  ::v-deep .v-btn--active .v-btn__overlay,
  ::v-deep .v-btn[aria-haspopup=menu][aria-expanded=true] .v-btn__overlay {
      opacity: 1 !important;
  }
  

• 全局样式覆盖
  把这段样式放到不带scoped的