消除图标按钮上的涟漪效果

2022-08-04 00:00:00 vue.js vuetify.js
我需要有一个图标,使按钮的工作(加载) 但我会删除此图标的圆形按钮效果

如何才能做到这一点? https://codepen.io/sebastiancz/pen/gOpjbar?editors=1010

<div id="app">
  <v-app id="inspire">
    <div class="text-xs-center">
      <div>
        <v-btn flat icon color="blue lighten-2">
          <v-icon>power</v-icon>
        </v-btn>
      </div>
    </div>
  </v-app>
</div>

解决方案

找到它兄弟,使用这两个css,它就会成功:

.v-btn:before {
  opacity: 0 !important;
}

.v-ripple__container {
  opacity: 0 !important;
}

让我知道它是否有效,如果不能,将进一步帮助您

相关文章