我在我的移动应用程序中使用 Material Design lite。
对于按钮,悬停效果会在触摸时添加,但它不会消失,直到记录下一次按下。
将按钮作为链接,这还算不错,但是对于执行操作的按钮,它看起来就不太好了。
有没有办法在一段时间(EG 500ms)后去除悬停效果?
我考虑过移除该效果,但缺乏反馈无济于事。也许触发对屏幕未使用部分的点击可能会起作用。
最佳答案
编辑:下面的答案是针对桌面上类似问题的解决方案,但它似乎不适用于移动平台。
此外,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>
关于mobile - 移除 Material Design Lite 按钮悬停效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37557562/