刪除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