删除Material Design Lite按钮悬停效果

Question

我在我的移动应用程序中使用Material Design lite。

使用按钮时，悬停效果会在触摸时添加，但直到另一次按下才会消失。

使用按钮作为链接，这并不算太坏，但对于执行动作的按钮来说，它看起来不太好。

有一种方法可以在一段时间后消除悬停效应（EG 500ms）吗？

我已经看过去除效果，但缺乏反馈并没有帮助。也许触发屏幕上未使用部分的点击可能会起作用。

Answer 1

编辑：下面的答案是桌面上的一个类似的问题的解决方案，但它似乎并没有成为移动平台的修复。

此外，Google的Material Design Lite的开发目前支持有限（截至2016年12月），支持其较新的Material Components for the Web，这似乎仍处于早期开发阶段。他们的current button demo仍然具有该帖子中描述的相同行为。

原文：在桌面，悬停效果应该，如果你使用的是mdl-js-button类自动删除自身。这里有一个简单的例子：

<button class="mdl-button mdl-js-button"> 
    Button with JS 
</button> 

<button class="mdl-button"> 
    Button without JS 
</button> 

<!-- Remember to include the MDL JavaScript code --> 
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script> 

JSFiddle