消除图标按钮上的涟漪效果 [英] remove ripple effect on icon button

问题描述

我需要有一个图标，使按钮的工作(加载) 但我会删除此图标的圆形按钮效果

如何才能做到这一点？ 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;
}

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

这篇关于消除图标按钮上的涟漪效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！