Снятие материала Дизайн Lite Button Hover Effect

Question

Я использую Material Design lite в своем мобильном приложении.

С помощью кнопок эффект зависания добавляется, когда он коснулся, но он не исчезает, пока не будет записано другое нажатие.

С кнопками в качестве ссылок это не так уж плохо, но для кнопки, которая делает действие, она выглядит не так хорошо.

Есть ли способ удалить эффект наведения после определенного периода времени (EG 500ms)?

Я посмотрел на удаление эффекта, но отсутствие обратной связи не помогает. Возможно, срабатывает щелчок по неиспользуемой части экрана.

Answer 1

Edit: Ответ ниже было решение аналогичной проблемы на рабочем столе, но это не кажется, что исправление для мобильных платформ.

Кроме того, развитие Material Design Lite в Google теперь находится в ограниченной поддержке (по состоянию на декабрь 2016 года), в пользу их новых 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