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

Question

我需要一个图标来完成按钮的工作（加载）但我会删除这个图标的圆形按钮效果

我怎样才能做到这一点 ？ 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>

Answer 1

兄弟，找到它，使用这两个 CSS 就可以了：

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

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

让我知道它是否有效，如果不起作用，将为您提供进一步帮助