2016-06-01 14 views
3

私はモバイルアプリでマテリアルデザインライトを使用しています。材料デザインの削除ライトボタンホバー効果

ボタンでは、タッチするとホバー効果が追加されますが、別のプレスが録音されるまではホバー効果は消えません。

ボタンをリンクとして使用すると、あまりにも悪くはありませんが、アクションを実行するボタンでは、そのようには見えません。

一定時間(EG 500ms)後にホバー効果を除去する方法はありますか?

私はエフェクトを削除することを検討しましたが、フィードバックの欠如は役に立ちません。おそらく、画面の未使用部分をクリックすると動作するかもしれません。

答えて

0

編集:以下の答えは、デスクトップ上で同様の問題の解決策だったが、モバイルプラットフォームの修正ではないようです。

また、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