mobile - 移除 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