Question

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

使用按钮时，触摸时会添加悬停效果，但在记录其他按下之前不会消失。

使用按钮作为链接，这不是太糟糕，但对于执行操作的按钮，它看起来不太好。

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

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

Answer 1

编辑：下面的答案是桌面上类似问题的解决方案，但它似乎不是移动平台的修复方法。

此外，谷歌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

删除Material Design Lite按钮悬停效果

1 个答案: