消除图标按钮上的涟漪效果
本文介绍了消除图标按钮上的涟漪效果的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我需要有一个图标，使按钮的工作(加载)
但我会删除此图标的圆形按钮效果
如何才能做到这一点？
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;
}
让我知道它是否有效，如果不能，将进一步帮助您
这篇关于消除图标按钮上的涟漪效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，